Cara Memasang Link Nudging di Semua List Sidebar

Link Nudging - Seperti yang ku bilang dalam Postingan sebelumnya bahwa saya akan share postingan mengeni Tutorial blog,nah untuk itu  saya akan membagi tips Link nudging atau yang lebih dikenal dengan link bergoyang ke arah kanan saat mouse kita tertuju pd link itu seperti yang ada pada blog ini.

Pada umunya banyak tutorial yang kaya gini,tetapi orang orang disana kebanyakan link nudging buat list label doank,nah sekarang saya akan bagikan link nudging pada semua list sidebar,yang artinya semua link yang ada di sidebar akan goyang ke kanan.

Demo

Pada demo di blog itu coba sobat tunjuk/arahkan mouse pada list yang ada di sidebar pasti akan goyang,nah untuk itu jika sobat tertarik ikuti langkah dibawah ini .

1. Login ke akun blogger

2. Template

3. Edit html

4. Lalu cari kode </head> supaya lebih mudah tekan ctrl+F

5. Tambahkan Script JQuery berikut diatas kode </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
<script type='text/javascript'>
jQuery(document).ready(function(){
jQuery('.widget-content li a').hover(function() {
jQuery(this).animate({ paddingLeft: '7px' }, {duration:250});
}, function() {
jQuery(this).animate({ paddingLeft: '0px' }, {duration:250});
});
});
</script>

*Yang tulisan berwarna merah jika sudah terdapat dalam template sobat,bisa di hapus jadi yang di copynya yang dibawahnya.

6. Simpan, dan lihat hasilnya pada blog anda.

Mudah bukan?? Semoga Bermanfaat.. Jangan lupa berikan komentarnya...