Cara Membuat Link Bergerak (Bergoyang) Saat disentuh Cursor

8:52:00 PM 

Seperti biasa kali ini saya akan memposting Cara Membuat Link Bergerak (Bergoyang) DiBlog
Maksudnya link bergerak/bergoyang adalah ?  link yang disetuh oleh cursor akan bergerak ke kanan, dan kalau dijauhkan akan kembali ke tempat semula. Jadi hampir sama marquee, bedanya link akan bergerak hanya jika disentuh.

Dengan membuat link bergoyang ini, selain untuk membedakan kalau teks itu ada linknya, tentunya juga untuk membuat lebih menarik.

Cara Membuat Link Bergerak (Bergoyang)

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. Tekan Ctrl+F cari kode  </head>  ,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.

Selamat mencoba Sahabat Blogger Semoga berhasil :-