Anda pasti pernah melihat diberbagai blog sahabat
yang apabila link tersebut tersentuh kursor maka link tersebut akan bergerak..
Nah..sekarang ini, saya akan memandu anda bagaimana cara membuat nya.
Cara ini menggunakan jquery, jadi penggunaan nya
sangatlah mudah. so, kita langsung aja ke pembahasan :
- Login ke Blog anda
- Klik Tab Rancangan/Setting
- Kemudian, klik Edit HTML
- Jangan lupa untuk mendownload template anda terlebih dulu
sebelum terlalu jauh.
- Ok,, sekarang anda cari kode ini </head>
- Copy kode berikut, 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() {
$('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>
- Save.
0 komentar:
Posting Komentar