Cara Membuat Efek Link Nudging Pada Lists Sidebar

• Pada dasbor >> pilih Template >> Edit HTML
• Tambahkan kode berikut diatas kode </head>

<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>

Catatan: Silahkan atur padding left sesuai template anda karena biasanya setiap template sudah menentukan ukuran padding left untuk lists sidebar. Caranya lihat pada kode CSS lists sidebar (widget-content li a)

• Terakhir simpan template dan lihat hasilnya diblog anda.

Semoga bermanfaat.

Posted by yazid

Tweet