Senin, 12 Maret 2012

Cara membuat link bergoyang ketika diarahkan dengan mouse


Jika ingin link-link pada blog Sobat bergerak sewaktu mouse mengarahkan tepat diatasnya, ikuti langkah-langkah berikut dibawah ini :

  1. Masuklah Ke dashboard Blog Sobat
  2. Kemudian pilih EDIT HTML. (Jangan lupa centang expand )
  3. Lalu sobat mencari  Kode </head>  untuk memudahkan pencarian sobat tinggal klik CTRL F
  4. dan copy pastekan script di bawah ini tepat diatas kode </head>  tadi
<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>

   5. Save template sobat.

Sumber :Cara membuat link bergoyang ketika diarahkan dengan mouse 
 

NOTE : Silahkan sobat copy paste dan menyebarluaskan postingan ini dengan ketentuan sebagai berikut : 
  • Sebelum melakukan copy paste alangkah baiknya jika sobat sedikit merubah kalimat pembuka atau yang lainnya di postingan sobat , agar tidak Menjadi Duplikat Content 
  • Atas perhatian dan kunjungannya saya ucapkan terima kasih, dan jangan lupa beri kritik dan saran pada kotak komentar ya....

Related Post:

1 komentar:

  1. makasih infonya sangat bermanfaat sekali dan langsung ke tkp

    BalasHapus