bagaimana cara membuat link bergoyang ketika diarahkan dengan mouse

LIVE DEMO

  Sudah saya uji coba scriptnya di live demo diatas, jika sobat tertarik mencoba, berikut langkah-langkah membuat link bergoyang :

1. Login Ke dashboard Blog Sobat

2. Pilih --> Rancangan -->  EDIT HTML

3. Cari Kode </head> dan copy paste tepat diatas 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>

5. Save template sobat.

Demikian cara membuat Membuat link bergoyang, selamat mencoba..

sumber: masterendi.com

Artikel Terkait:

Posted in: Tips Trik Blog