Rabu, 04 Januari 2012

bagaimana cara membuat link bergoyang ketika diarahkan dengan mouse

Memang menyenangkan berkreasi dengan blog tercinta. Kali ini tips dan triks blog masterendi.com adalah bagaimana cara membuat link bergoyang ketika diarahkan dengan mouse.



  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>

1 komentar:

silahkan berpartisipasi di blog ini dengan berkomentar