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

• Sign in akaun blogger
• Dashboard >> Design >> Page Element >> Add A Gadget >> Html / Javascript
• 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...

• Lalu, klik save dan lihat hasilnya...