Cara Membuat Link Bergoyang Ketika Di Sorot Mouse

Salam sobat blogger ... bagaimana kabar anda semua .. pasti sehat bukan .. kali ini aq coba mau share cara membuat link bergoyang saat disentuh mouse / Nudging otomatis. Cara ini aq dapat dari sobat koisine blogger. Link tersebut akan bergoyang jika terlintas cursor mouse. Trik ini menggunakan script via jQuery yang nantinya semua link akan bergoyang / bergerak secara otomatis. Dengan trik ini akan semakin mempercantik tampilan blog sobat.

Cara membuatnya :

• Login ke akun Blogger sobat
• Pilih Rancangan -- Edit Html (download template anda untuk mengurangi resiko kesalahan peletakan script) -- centang Expand Widget Template
• Search kode berikut </head>  ( untuk mempermudah pencarian tekan Ctrl + F )
• Copy paste script jQuery di bawah ini sebelum kode tersebut
  
  <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>
• Simpan Template anda
  

Kemudian Lihat blog anda ... semoga berhasil.