JQuery Link Bergoyang saat Disentuh Mouse

Posted by Andi Aryatno Saturday, January 12, 2013 , ,

Wah, tulisannya goyang-goyang. Keren oiy.

Kali ini Mas Kentir akan membagikan cara membuat link bergoyang saat disentuh mouse dengan jquery. Hal ini tidak akan meningkatkan SEO blog kamu, tapi akan menambah visitor dan pageview kamu meningkat. Dengan adanya link yang bergoyang, seorang pengunjung karena penasaran kenapa kok linknya bergoyang, maka dia akan mengeklik link itu. Otomatis pageview kamu akan bertambah.

Berikut cara membuat Link Bergoyang saat Disentuh Mouse dengan JQuery

1. Login dulu ke akun blogger kamu.
2. Klik menu "Template" pada dasbor blog kamu
3. Klik "Cadangkan" dulu untuk mendownload lengkap template kamu. Hal ini ditujukan agar kamu bisa mengembalikan lagi template blog kamu kalau nanti kamu gagal dalam mengedit html.
4. Kalau sudah, klik "Edit HTML", kemudian pilih "Lanjutkan".
5. Ceklist kotak kecil diatas kode html yang bertulisankan "Expand Widget".
6. Cari kode </head> (gunakan control + F untuk melakukan pencarian cepat)
7. Letakkan kode berikut tepat diatas 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>

8. Kemudian klik "Pratinjau". Hal ini dimaksudkan agar kalau terjadi kesalahan dalam pengeditan html kamu bisa mengetahuinya.
9. Setelah aman, klik "Save Template" / "Simpan Template"

Semoga artikel diatas bisa membantu kamu. Dan jika kamu menyukai postingan ini, mohon keikhlasannya untuk follow blog ini atau sekedar berkomentar dipostingan ini.

Share on :


Artikel Terkait:

4 comments

  1. mantap nh bro kunjungan baliknya serta follback udeh ane follow tuh www.naufalthedarkness.blogspot.com

     
  2. Makasih Sob.,. sudah ane follback., kalau agan gak keberatan mari kita tukeran Link

     
  3. el faqar Says:
  4. sip mantab!!! follback ya bro...
    http://elfaqar.blogspot.com/

     
  5. coba ane terapin ntar..thanks gan
    follback gan : http://kiosazza.blogspot.com/

     

Post a Comment

Powered by Blogger.

Followers