Cara Membuat Efek Ling Bergerak saat Disorot

Tips blog saya kali ini yaitu membuat link yang ada di blog kita menjadi bergerak/bergoyang ketika disorot (hover). Untuk contoh jadinya silahkan sobat lihat pada blog ini.
 
Ternyata pemasangannya sangat simpel lho, tapi efek yang dihasilkan lumayan bagus untuk menambah keindahan blog kesayangan anda. Saya katakan simpel karena anda tidak perlu bersusah-susah mengedit HTML template blog yang ada, cukup copy lalu pastekan kode di bawah ini ke dalam satu tempat widget di blog (Add HTML/Script).
 
Ini kodenya:

<!--adituek link goyang start-->
<script src='http://ruki-zone.googlecode.com/files/link-goyang_www.ruki-zone.com.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>
<!-- adituek link goyang end-->


Setelah anda pastekan kode tersebut silahkan simpan dan lihat hasilnya.
Mudah kan ..?

Label: