Membuat Link begerak bila disentuh kursor mouse

 

Anda pasti pernah melihat diberbagai blog sahabat yang apabila link tersebut tersentuh kursor maka link tersebut akan bergerak.. Nah..sekarang ini, saya akan memandu anda bagaimana cara membuat nya.

Cara ini menggunakan jquery, jadi penggunaan nya sangatlah mudah. so, kita langsung aja ke pembahasan :

• Login ke Blog anda
• Klik Tab Rancangan/Setting
• Kemudian, klik Edit HTML
• Jangan lupa untuk mendownload template anda terlebih dulu sebelum terlalu jauh.
• Ok,, sekarang anda cari kode ini </head>
• Copy kode berikut, 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>

•  Save.

Selamat mencoba..

---

by Facebook Comment untuk Anda!

---

Artikel Terkait

Tutorial Blogger

• Membuat Efek Hover Transparan pada Gambar
• 3 Widget Animated Bird Twitter Follow untuk Blogger, Keren!
• Cara Meng-Upload Gambar Jumlah Banyak Pada Postingan Blogger
• Trik Sederhana Cara Proteksi Gambar di Blog
• Cara Membuat Open New Tab Pada Setiap Link di Blog
• Cara Menghilangkan Link Posting Lama dan Postingan Baru di Blog
• Cara Agar Postingan Blog Tidak Bisa di Copy
• Cara Membuat Efek Zoom Gambar saat Dilalui Kursor
• Cara Membuat Efek Meteor Jatuh di Blog
• Cara Membuat Cursor Diikuti Bintang di Blog
• Cara Membuat Back To Top Dengan Double Click di Blog
• Cara Membuat Link dengan Efek Pelangi
• Cara Mudah Membuat Tampilan Blog/Web Maintenance
• Cara Membuat Efek Link Mengeluarkan Bintang
• Cara Membuat Refresh Otomatis Di Blog
• Cara Membuat Teks yang Di Block Menjadi Berwarna
• Cara Membuat Gambar Berjajar
• Tips Untuk Blogger Pemula
• Cara Memasang Widget Alexa Rank
• Cara Mudah Pasang Kotak Komentar Facebook Pada Blogger
• Membuat Judul Blog Bergerak
• Mengukur Seberapa Berat Blog/Web
• Membuat Background Kotak Komentar Lebih Menarik
• Membuat Tombol Share Facebook, Twitter, Stumbleupon, dan Google+ Pada Blogspot

---

---