Search This Blog

Cara Membuat Efek Nudging Pada Label

|| || || Leave a komentar
efek+nudging+blog
Cara Membuat Efek Nudging Pada Label - 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>


Note : 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.