Cara Mudah Membuat Efek Bergoyang Pada Label

Bagi anda yang ingin membuat Labelnya tepos (tebar pesona) dengan mengoyakan diri jika kena kursor, maka berginilah caranya. Langsung saja ya bung, berhubung perut saya juga sudah mulai keroncongan jadi tutorial ini sebagai hadiah menu makan siang saya sebentar. hahahaha....

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>
 
namun jika pada template anda sudah ada kode jquery dengan model diatas, anda tidak perlu lagi menambahkan kode di atas.
 
 kemudian tambahkan kode di bawah ini dan letakkan di bawah kode jquery diatas 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>
Kalau belum yakin silahkan di Preview dulu, namun kalau anda benar-benar yakin maka langusng di Save saja tamletanye.
Tested : di www.bungfrangki.com (100% Work)
Selamat Mencoba, semoga berhasil

Advertisement