Cara Membuat Efek Nudging Pada Label

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.

Baca Juga Ciri-Ciri Template Blog Yang SEO FRIENDLY

Tweet

Subscribe to receive free email updates: