Home » , » Cara Membuat Link Blog Bergoyang/Bergerak

Cara Membuat Link Blog Bergoyang/Bergerak

Setelah sekian lama Romantis-xp 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
  • 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 Trik dan tips dari saya. Semoga bermanfaat..

0 komentar:

Posting Komentar

Diberdayakan oleh Blogger.