Membuat Label Bergerak With jQuery

Buat para sobat Danz-Soft kali ini ane bakalan kasih tutor menggunakan jQuery , yaitu bagaimana caranya membuat Label / Category di blog bisa bergerak / geser bila terkena cursor, ok sob langsung saja ,, jika sobat tertarik ikutin cara ane berikut ini :

• Login Blogger
• Pilih Design / Rancangan
• Edit HTML ( Jangan Lupa Untuk Centang Expand Template Widget )
• Back Up Dahulu Template Sobat
• Cari Code </head>  dan Letakan Code Berikut Di Atasnya :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>

• Jika Template kita sebelumnya pernah di pasang script jquery, maka langkah diatas bisa dilewatkan

• Tambahkan kode berikut ini di bawah script pada langkah ke dua

<script type='text/javascript'>
$(document).ready(function() {
$(&#39;#Label1 li&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script><!-- end LinkNudging -->

• Save template dan lihat hasilnya .

Semoga Berguna ,, Dont Forget To Leave Your Comment .. !!!

See Also: