Cara Membuat Link Bergerak di Blog

Salam Blogger, kali ini saya punya Trik Blogger handal dengan membuat Link Bergerak saat link tersebut disentuh cursor mouse. kalo post yang dulu saya punya cara Membuat link berwarna. Trik ini gunanya agar para pengunjung blog anda betah untuk berlama-lama berada dalam blog anda. Trik ini menggunakan JQuery, jadi penggunaannya sangatlah mudah.Jadi dengan begitu blog anda semakin menarik dan layak untuk dikunjungi. Ya udah kalo gitu langsung ke pokok bahasannya.

Langkah-langkah Membuat Link Bergerak :

1. Login ke Blog anda

2. Klik Template

3. Kemudian, klik Edit HTML

4. Centang kotak kecil di pojok kiri atas

5. lalu cari kode </head>  supaya mudah ctrl+f (ketik </head>)

6. Copy kode di bawah ini, dan letakkan 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>

7. Kemudian Simpan Template, jika ragu pratinjau terlebih dahulu sebelum   menutup halaman EDIT html.

 

Sekian dan Terima Kasih Sudah Mau berkunjung Ke Blog saya 
Semoga Bermanfaat Untuk Anda.