Cara Membuat Efek Link Nudging

Cara Membuat Efek Link Nudging

JQuery link nudging adalah effect animasi pada link hasil dari penambahan padding kiri, effect ini akan nampak saat kita menyentuhkan pointer/mouse  pada link, link akan bergerak kekanan atau bergoyang. Langsung saja kita lanjut ke tutorial: 1. Login dengan akun blogger kaliant>>> pada dasbor>>> Klik Rancangan>>> Edit HTML
2. 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>

3. Tambahkan lagi script berikut dibawah script JQuery tadi:

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

 4.Terakhir tinggal save.

Posted in: Cara Membuat Efek Link Nudging