Cara Membuat Link Bergoyang di Blog

Cara Membuat Link Bergoyang di Blog - 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 yang saya dapatkan dari sini (http://smilenet4u.blogspot.com/2012/04/cara-membuat-link-bergoyang-nodging.html) 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.
  • Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
  • 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 dan lihat hasilnya.
Nah, itulah cara membuat link bergoyang di blog. Semoga bermanfaat.

0 comments:

Post a Comment

Search

Popular Posts

Powered by Blogger.

Blog Archive