Efek nudging atau efek bergoyang pada label menggunakan javascript dan jquery , dengan menggunakan efek jquery ini membuat animasi terlihat lebih halus dan nyata.
Pembuatan efek label bergoyang difungsikan untuk menambah keindahan blog, cara kerjanya ketika kursor mouse didekatkan ke label maka label yang kita sentuh tersebut akan bergoyang.
Untuk membuatnya masuk pada Design - Edit HTML dan cari kode </head> dan letakkan jquery dibawah ini diatasnya :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
kemudian tambahkan kode dibawah ini dan letakkan dibawah kode jquery diatas tersebut
<script type='text/javascript'>
$(document).ready(function() {
$('#Label1 li').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script>
Save template kalian dan lihat hasilnya
Semoga Bermanfaat,, sob???
maksih sob, tutorialnya . . .
BalasHapus