Link Hover Nudging


Haii.. chiaki bagiin tuto lagi ya hehhe.. ini seputar link hover nudging, hah? nudging itu apaan? hahah.. maksudnya bisa gerak gitu linknya :P yaudah deh langsung aja yaa..
Denim dan Simple Template
1. Login ke Blogger
2. Dashboard > Pilih Tata Letak
3. Pilih Add a Gadget
4. Copy dan Paste kode ini
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script type='text/javascript'> $(document).ready(function() { $('a').hover(function() { $(this).animate({ marginLeft: '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); });</script>
Note : angka 400 itu kecepatan geraknya, jadi kalian bisa atur sesuai dengan yang kalian suka ya :D
5. Save

Classic dan Blogskin
1. Login ke Blogger
2. Dashboard > Pilih Template
3. Cari kode ini
<html>
4. Copy Paste kode yang dikasi SETELAH kode no 3
5. Save

Terima Kasih Sudah Membaca , Tinggalkan Komentar juga ya ^^


5 comments:

 
Related Posts Plugin for WordPress, Blogger...