Jumat, Agustus 10, 2012

Cara Membuat Link Bergerak

Waktu silaturohim ke blog teman-teman ada beberapa blog yang terdapat link bisa bergerak jika kursor diarahkan ke link tersebut. pas pertama tahu, kagum juga seh. dalam hati berkata "ini cara bikinya gimana yah..?"


Akirnya ane sowan ke mbah Gugel tanya tengtang  CARA MEMBUAT LINK BERGERAK hingga ane nyasar ke blog teman dan dari sana juga ane dapet ilmu ini. sekarang giliran ane bagi buat sobat-sobat semua yang ingin tahu CARA MEMBUAT LINK BERGERAK.

1. Log in ke blogger

2. Masuk pada menu Rancangan.

3. Lalu pilih Edit HTML

4. Kasih centang Tulisan Expand Template Widget.

5. Cari kode </head> (gunakan fitur search Ctrl+F untuk mempermudah pencarian)

6. Kalo udah ketemu, taruh kode berikut ini tepat 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. Simpan template. selesai.


Artikel Terkait:

Tidak ada komentar:

Posting Komentar