Cara Membuat Link Bergoyang Ketika di sentuh Mouse

Sobat pasti pernah melihat diberbagai blog sahabat yang apabila link tersebut tersentuh kursor maka link tersebut akan bergerak.. Nah….!!!sekarang ini, saya akan memandu anda bagaimana cara membuat nya….gampang ko sob,,,,,


1. Cara ini menggunakan jquery, jadi penggunaan nya sangatlah mudah.  kita langsung aja ke TKP


1. Login ke Blog anda
2. Klik Tab Template
3. Kemudian, klik Edit HTML
4. Centang Expand Template Widget
5. Ok, sekarang sobat cari kode ini </head> ,Copy Kode Dibawah dan Letakkan di atas </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() {
$('a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>

6. Save Template

2. Cara ini menggunakan kode HTML 

1. Login ke Blog anda

2. Klik Tata Letak

3. Add Gadget ,Copy kode di bawah ini

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script type='text/javascript'> $(document).ready(function()  { $('a').hover(function() { $(this).animate({ marginLeft:  '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); });</script>

 4. Save Widget

Semoga Bermanfaat

Share this post