Membuat Link Bergerak

Memuat Link Bergerak Jika Disentuh Kursor

Apa itu link bergerak ?Kalian pasti pernah melihat diberbagai blog yang kalo link tersebut tersentuh kursor maka link tersebut akan bergerak.Nah sekarang ini, saya akan memberikan sedikit buat kalian bagaimana cara membuat nya.Cara ini menggunakan jquery, jadi penggunaan nya sangatlah mudah. so, kita langsung cekibrot aja broo >>

    Login ke Blog Kalian

•     Klik Tab Rancangan/Template
•     Kemudian, klik Edit HTML
•     Jagan lupa untuk mem-Back Up template kalian dulu sebelum terlalu jauh.
•     Ok sekarang cari kode ini </head>
•     Copy kode dibawah, dan letakkan diatas kode </head>

    

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>

   

•  Save.

Sangat mudah kan?!
~ Selamat Mencoba,semoga dapat bermanfaat :)