Jumat, 10 Oktober 2014

Cara Membuat Link Bergerak Saat Disentuh Mouse


Saya akan sedikit men-Share tutorial, hm .. bukan tutorial sih, tapi lebih ke trik untuk membuat link yang ada di blog kita bergerak lembut saat disentuh kursor mouse. kan kadang kita agak bosen nih liat semua tulisan di blog diem aja :p jadi sekarang agak dirombak sedikit supaya lebih terlihat unik :D

okee langsung aja .. 

1. Login ke Blogger
2. Pilih 'Template'
3. Kemudian 'Edit HTML'
4. Lalu cari kode </head>
Caranya : 
• CTRL + F
• Ketikaan </head> , lalu Enter
5. Setelah ketemu kode tersebut, copy kode dibawah ini diatas kode </head> tadi :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>

6. Save ~

mudahkan?
okee, semoga bermanfaat :)

Tidak ada komentar:

Posting Komentar