Sobat
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....gampang ko sob,,,,,
Cara ini menggunakan jquery, jadi penggunaan nya sangatlah mudah. so, kita langsung aja ke TKP...........
1. Login ke Blog anda
2. Klik Tab Rancangan/Setting
3. Kemudian, klik Edit HTML
4. Jagan lupa untuk mendownload template anda terlebih dulu sebelum terlalu jauh.
5. Ok,, sekarang sobat cari kode ini </head>
6. Copy kode berikut, dan letakkan diatas kode </head>
Cara ini menggunakan jquery, jadi penggunaan nya sangatlah mudah. so, kita langsung aja ke TKP...........
1. Login ke Blog anda
2. Klik Tab Rancangan/Setting
3. Kemudian, klik Edit HTML
4. Jagan lupa untuk mendownload template anda terlebih dulu sebelum terlalu jauh.
5. Ok,, sekarang sobat cari kode ini </head>
6. 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>
Tidak ada komentar:
:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))
Posting Komentar
ayo komentari