Tutorial : Link Hover Nudging

 
Hallow 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 ^^

No comments:

Post a Comment

Moshi - Moshi

Leave comment here
Request ? tell in cbox
Dont bad words

Obey the rules ? Free comment :)

1
2
3
4
5
 
Related Posts Plugin for WordPress, Blogger...