Subscribe:

Ads 468x60px

Cara Membuat Link Bergoyang Di Blog

Cara Membuat Link Bergoyang Di BlogMungkin sobat sudah sering menemui link bergoyang ketika blogwalking dan apakaah sobat sedang mencari bagaimana cara membuat link bergoyang tersebut? Jika iya mungkin tutorial sederhaana ini bisa membantu sobat untuk membuat link bergoyang di blog.



cara membuat link bergoyang di blog

Seperti sudah disebutkaan di postingan sebelumnya tentaang pentingnya anchor text (text link), maka sekaraang sobat juga bisa membuat link tersebut bergoyang ketika disorot oleh kursor. (Baca : Cara Mengganti Kursor Dengan Gambar).



Emang apa fungsinya link bergoyang? ya fungsinya selaain untuk memperjelas bahwa text tersebut mengaandung link, juga bisa membuat pengunjung tertarik sehingga akaan mengklik link tersebut dan akhirnya meningkatkan page view blog sobat apalagi jika sobat menggunaakan trik 2 link dengan 1 klik dan semua link terbuka di tab baru secara otomatis, pasti tambah seru linknya. Ya sudah, laangsung 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() {
$(&#39;a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 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 semogaa bermanfaat..