Link bergoyang ala inul daratista hehehe... yup, mungkin sobat sudah sering menemui link bergoyang ketika blogwalking dan apakah sobat sedang mencari bagaimana cara membuat link bergoyang tersebut? Jika iya mungkin tutorial sederhana ini bisa membantu sobat untuk membuat link bergoyang di blog.
Seperti sudah disebutkan di postingan sebelumnya tentang pentingnya anchor text (text link), maka sekarang sobat juga bisa membuat link tersebut bergoyang ketika disorot oleh kursor. (Baca : Cara Mengganti Kursor Dengan Gambar).
Emang apa fungsinya link bergoyang? ya fungsinya selain untuk memperjelas bahwa text tersebut mengandung link, juga bisa membuat pengunjung tertarik sehingga akan mengklik link tersebut dan akhirnya meningkatkan page view blog sobat apalagi jika sobat menggunakan trik 2 link dengan 1 klik dan semua link terbuka di tab baru secara otomatis, pasti tambah seru linknya. Ya sudah, langsung saja berikut ini cara membuat link bergoyang.
Cara membuat link bergoyang di blog
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh kode berikut di atas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>
6. Simpan Template jika sudah selesai.
Mudah kan cara membuat link bergoyang di blog? :D Selamat mencoba dan semoga bermanfaat..
EmoticonEmoticon