Cara menciptakan link yang bisa bergoyang/nudging di blog atau cara membuat link yang dapat bergoyang jika terkena pointer mouse - Setelah sekian lama Blogaul tidak update artikel seputar blogging dan SEO dengan artikel terakhir how to use meta tags in blogspot, kali ini saya akan coba update lagi yaitu artikel mengenai cara membuat nudging link di blog. Cara ini menggunakan script jQuery dimana bila dipraktekkan akan membuat link yang terkena pointer mouse akan bergoyang-goyang gitu. Oke, langsung saja berikut cara menciptakan link yang bisa bergoyang di blog:
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 dan lihat hasilnya.
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 dan lihat hasilnya.
Nah, itulah cara membuat link bergoyang di blog. Semoga bermanfaat..