Cara Membuat Link Pada Label Blog Bergeser (Link Nudging)

Link Pada Label Blog Bergeser (Link Nudging) . . . .

Mungkin tips blogging yang satu ini tidak terlalu penting buat sobat blogger yang sudah master dalam hal blogging, tapi mungkin sangat berguna buat sobat blogger pemula yang masih perlu banyak belajar kayak saya ini.

kali ini saya bakalan share tentang cara membuat link pada label blog bergeser atau mungkin yang lebih dikenal dengan link nudgin pada label blog. Klaw ingin lihat contohnya, silahkan sobat blogger arah mouse pointer sobat blogger pada label dalam sidebar blog saya.

Tidak perlu panjang lebar lagi, bagi sobat blogger yang tertarik silahkan ikuti langkah - langkah dibawah ini :

1. Silahkan login ke akun Blogger sobat blogger.
2. Pilih Template, Kemudian klik Edit HTML.
3. Cari kode </head> lalu simpan kode dibawah ini diatas kode
   
   </head> tersebut.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
Note: Jika kode diatas sudah ada, maka tidak perlu disimpan lagi.
4. Kemudian, letakkan kode dibawah ini dibawah kode yang berwarna ungu diatas.
<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 -->
5. Yang terakhir sobat blogger klik Simpan.

Dalam pemakaian tutorial ini kadang tidak berhasil, semua itu bisa disebabkan bentroknya script jQuery yang dipakai...

Jadi selamat mencoba saja,,, semoga berhasil