Memberi Efek Nudging Pada Label Blog Dengan JQuery

Memberi Efek Nudging Pada Label Blog - Dalam tutorial singkat kali ini kita akan memberikan efek bergoyang pada Widget label blog . Pemasangan Efek Nudging atau bergoyang pada label blog ini sebenarnya tidak ada manfaat dan pengaruhnya untuk blog , hanya saja kita menambah styling dan iseng iseng saja .

Disini kita akan menggunakan jQuery yang akan memberikan efek animasi secara halus dan nyata .

Oke , untuk Demo silahkan arahkan kursor anda pada label blog ini di sebelah Bawah Atau Klik Kategory .

Sudah ?

Tertarik ingin memasangnya juga ?

Ikuti langkahnya dibawah ini

Untuk tahap pertama yakni anda harus memansang Widget label pada blog anda entah dimanapun itu .

Kedua , letakkan script dibawah ini tepat di atas kode </head>

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

Jika di template anda sudah ada kode jQuery , lupakan script diatas dan masuk ke tahap berikutnya .

Tempatkan Script dibawah ini tepat diatas kode </head>

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

Selanjutnya simpan dan lihat hasilnya di blog anda dengan mengarahkan kursor pada widget label .

Selamat mencoba .