Halaman

  • Beranda

Kamis, 03 Mei 2012

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
2Klik Template
3Kemudian, klik Edit HTML
4. Centang kotak kecil di pojok kiri atas
5. lalu cari kode </head>  supaya mudah ctrl+f (ketik </head>)
6Copy 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.

0 komentar:

Posting Komentar