Membuat Efek Nudging Untuk Label

Situseo Blog : Tidak berbeda dengan membuat link nudging menggunakan css, efek nudging atau bergoyang pada label yang dijelaskan disini menggunakan javascript dan jquery, dengan efek jquery ini membuat animasi menjadi lebih halus dan nyata.

Pembuatan efek label bergoyang difungsikan untuk menambah keindahan dalam blog, cara kerjanya yang halus mengoyang-goyangkan label jika mouse diarahkan, untuk membuatnya masuk pada Design - Edit HTML dan cari kode </head> dan letakan kode jquery dibawah ini diatasnya

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

Kode jquery tersebut diatas sangat umum dipakai, jika didalam template kalian sudah ada kode jquery tersebut, kalian tidak perlu menambahkan (cukup 1 saja), kemudian tambahkan kode dibawah ini dan letakan dibawah kode jquery tersebut.

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

Save template kalian dan lihat hasilnya

Semoga bermanfaat,