Membuat Effect JQuery Link Nudging di Blogspot

Jika temen-temen tertarik, langsung saja saya akan berikan penjelasannya :

1. Login ke blogger dengan akun anda 
2. Kemudian pada dasbor  klik Rancangan >> Edit HTML
3. Tambahkan Script JQuery berikut diatas kode </head>:

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

4.# Catatan : Jika anda sudah memasukkan script JQuery diatas, langkah ketiga bisa anda abaikan # Setelah itu tambahkan lagi script berikut dibawah script JQuery tadi:

1. <script type='text/javascript'> 2. $(document).ready(function() { 3. $('#Label1 li').hover(function() { //mouse in 4. $(this).animate({ marginLeft: '12px' }, 400); 5. }, function() { //mouse out 6. $(this).animate({ marginLeft: 0 }, 400); 7. }); 8. }); 9. </script><!-- end LinkNudging -->

5. Terakhir Save Template anda, dan lihat hasilnya Itu tadi tutorial kali ini, jika ada pertanyaan teman-teman bisa isi kotak komentar di bawah. Selamat mencoba dan semoga bermanfaat