Cara Membuat Link Bergerak Saat disentuh Cursor

Cara Membuat Link Bergerak Saat disentuh Cursor - Sahabat Blogger tentunya banyak cara untuk membuat tampilan Blog menjadi lebih menarik, salah satunya tampilan pada link. dengan cara membuat link menjadi warna-warni, membuat link membesar, dan lain-lain.

Pada postingan kali ini saya akan memnuliskan Cara Membuat Link Bergerak Saat disentuh Cursor, yang dimaksudkan lik bergerak adalah apabila link disetuh oleh cursor  maka link tersebut akan bergerak ke kanan, dan jika cursor menjauh dari link akan kembali ke tempat semula. Link bergerak ini hampir sama dengan efek marquee, namun yang membedakannya link akan bergerak jika disentuh oleh cursor.

Dengan membuat link bergerak tentunya akan menambah menarik tampilan pada Blog anda, jika anda tertarik Membuat Link Bergerak Saat disentuh Cursor berikut ini langkah-langkahnya :

Cara Membuat Link Bergerak Saat disentuh Cursor

1. Login ke Blogger.
2. Pilih Rancangan » klik Edit HTML
3. Beri tanda centang pada Expand Template Widget 
4. Selanjutnya anda cari kode </head>
5. kemudian anda terapkan kode dibawah ini atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

Note :
Jika anda sebelumnya sudah menerapkan kode diatas, anda bisa melewati tahapan diatas

6. Masih dalam letak yang sama, selanjutnya anda terapkan kode dibawah ini dibawah kode sebelumnya.

<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. Simpan Template

Demikian cara Membuat Link Bergerak Saat disentuh Cursor, selamat mencoba dan semoga bermanfaat!

Share this post