Cara Membuat Link Bergoyang Saat Disentuh Cursor – Salam para bloggers mania, share lagi buat Anda . Pasti Anda pernah mengunjungi salah satu situs dimana linknya di sorot akan bergoyang (bukan goyang ngebor) , sangat bagus kan? Pengen mencoba? Cara ini dapat membuat pengunjung blog menjadi betah . Jika belum pernah silahkan Anda buka blog temanku yang satu ini di http://alkaz-comunity.blogspot.com (blognya kelihatan bagus) .
Oke tanpa basa-basi langsung aja cara membuatnya berikut ini:
1. Login ke Dashboard > Rancangan > Edit HTML
2. Cari kode </head>
3. Lalu copy script dibawah ini lalu paste 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() {
$('a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>
<script type='text/javascript'>
$(document).ready(function() {
$('a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>
4. Selesai .Simpan template
Salam ide kreasi…
Selamat mencoba!!
^_^
0 komentar:
Posting Komentar