Sabtu, 21 Januari 2012

Membuat Link begerak bila disentuh kursor mouse


 

Anda 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.

Cara ini menggunakan jquery, jadi penggunaan nya sangatlah mudah. so, kita langsung aja ke pembahasan :


  • Login ke Blog anda
  • Klik Tab Rancangan/Setting
  • Kemudian, klik Edit HTML
  • Jangan lupa untuk mendownload template anda terlebih dulu sebelum terlalu jauh.
  • Ok,, sekarang anda cari kode ini </head>
  • Copy kode berikut, dan letakkan 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>
  •  Save.
Selamat mencoba..

by Facebook Comment untuk Anda!

Artikel Terkait


0 komentar:

Posting Komentar

Terima Kasih sudah berkunjung di Zona Artikel.
Kapan2 mampir lagi ya ! (:

 

Visitor Online

Followers

Zona Artikel Copyright © 2011 Not Magazine Transparent 3 Column is Designed by Yudi