Jenny IT Creatif ™

Informasi dan Teknologi Penunjang Kesuksesan Masa Depan

Monday 21 January 2013

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.

Membuat Link Bergoyang

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.

No comments:

Post a Comment