Membuat Link Bergerak kesamping ketika Disorot Mouse

Turitorial kali ini saya akan membahas cara membuat efek link bergoyang kesamping/nudging ketika disorot oleh mause. Kalau gak ngerti liat gambar diatas..:) oke deh langsung kecaranya aja....

1) Sign in akaun blogger

2) Dashboard >> Design >> Page Element >> Add A Gadget >> Html / Javascript

3) Copy dan paste kode di bawah pada ruang Html / Javascript tadi:

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

400 - speed /kecepatan efek nudging. Ubah sesuai keingnan anda..

4) Lalu, klik save dan lihat hasilnya.


Selamat mencoba!!