Halaman

Mengenai Saya

Foto saya
sahabat adalah hal yang terindah

Kamis, 28 Juni 2012

Cara Membuat Link Bergoyang / Nudging Otomatis

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.
thank :

0 komentar:

Posting Komentar