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> - catatan : Jika di html anda sudah ada scriptyg warna merah
tinggal ditambahkan script yg berikutnya aja - Simpan Template anda
