Cara Membuat Link Bergoyang Di Blog

Cara Membuat Link Bergoyang Di Blog | Tutorial ini hampir mirip dengan postingan saya sebelumnya tentang cara membuat link berkedip. Nah pada postingan yang sekarang ini saya akan ulas tentang bagaimana cara membuat link bergoyang ketika mouse didekatkan.



Berikut langkah-langkah bikin link bergoyang saat disorot cursor mouse :
1. Log in ke Blogger
2. Klik Rancangan
3. Klik Edit HTML
4. Lalu anda cari kode </head> dengan menggunakan ctrl + F
5. Kalau sudah, lalu copy kode berikut dan paste 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>


6. Selesai, simpan

Nah begitu aja postingan singkat mengenai cara mudah membuat link bergoyang dengan javascript, semoga bermanfaat dan selamat mencoba, happy blogging.

Artikel Terkait


Category Article

What's on Your Mind...