cukup 3langkah membuat link goyang saat di sorot kursor

Hello sahabat kuyalamban , salam hangat dari kami semoga anda merasa nyaman berada di blog ini.
seperti pada judul di atas kali ini kita akan membuat link yang ada dalam blog kita goyang saat terkena sorot dari kursor.

banyak sekali cara untuk memodifikasi blog akan terlihat sangat bagus, mulai dari animasi gambar di blog,atau animasi gambar mengikuti kursor, dan sekarang kita akan membuat animasi tulisan bergerak jika terkena sorot dari kursor.

oke kita langsung saja ke cara pembuatannya:

1. masuk dasbor blog, pilih template dan pilih edit HTML
2.cari kode </head>
3. masukan kode berikut di atas kode </head> 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> 

cukup mudah bukan???....hanya tiga langkah, kita sudah bisa membuat link bergerak saat terkena sorot kursor.
memodifikasi blog memang sangat di perlukan, agar blog terlihat menarik, tetapi jangan sampai berlebihan.

baiklah sepertinya tutorial singkat cara membuat link bergerak saat kena sorot cukup sekian.

#note: jika ragu alangkah baiknya untuk melakukan backup dulu, sebelum mengedit html, guna menanggulangi kesalahan yang terjadi.

Tweet