Cara Mudah Membuat Link Bergoyang di Blog

Posted By daffa akhdan fadhillah »

Friday, January 25, 2013

Hai sobat blogger semua kali ini saya akan share artikel tentang cara membuat link bergoyang saat disentuh oleh mouse. Mungkin sobat blogger sudah banyak melihat contoh/demonya di blog-blog yang memasang fitur seperti ini. untuk para sobat blogger yang belum tahu, sobat bisa mencobanya dengan cara mengikuti langkah-langkah berikut :

• Loging dengan akun blog sobat
• Pilih opsi template
• Kemudian edit html -->> centang expand template widget 
• Lalu cari kata  </Head> 
• Tekan Ctrl + f untuk mempermudah pencarian kata
• Copy kode dibawah simpan di atas kode  </Head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>

$(document).ready(function() {

$(&#39;a&#39;).hover(function() { //mouse in

$(this).animate({ marginLeft: &#39;12px&#39; }, 400);

}, function() { //mouse out

$(this).animate({ marginLeft: 0 }, 400);

});

});</script>

• Kemudian simpan template lalu lihat hasilnyaa.