04/10/13

Cara membuat link blog bergerak/bergoyang di sentuh cursor

kali ini saya akan mempostingkan cara membuat link blog bergerak.bergoyang saat di sentuh cursor
maksudnya, link yang di sentuh oleh cursor akan bergerak ke kanan dan akan kembali seperti semula jika cursor di lepaskan, ini hampir sama halnya dengan marquee , tapi yang membedakannya link ini bisa kembali lagi ke semula, tak usah basa basi ya kita langsung caja, kalian bisa lihat caranya dibawah:

1. masuk ke blog kalian
2. pilih opsi kemudian klik template lalu pilih edit HTML
3. setelah itu kalian cari kode </head> kemudian simpan kode dibawah tepat di atas kode tadi.

<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>



4. jika sudah selesai simpan template..
dan lihat hasilnya..


semoga berhasil...

3 komentar: