Silahkan ikuti tutorial menambahkan effect JQuery link nudging berikut ini:
1. Setelah sig in pada account blogger anda >>> pada dasbor>>> Klik Rancangan>>> Edit HTML
2. Tambahkan Script JQuery berikut diatas kode </head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>Catatan: abaikan langkah kedua bagi anda yang sudah menginstal script JQuery diatas pada template blogger anda.
3. Tambahkan lagi script berikut dibawah script JQuery tadi:
<script type='text/javascript'>4. Simpan, dan lihat hasilnya pada blog anda.
$(document).ready(function() {
$('#Label1 li').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script><!-- end LinkNudging -->
Mudah bukan? Selamat mencoba, semoga berhasil dan bermanfaat.
Resource David Wals
Ingin mencoba effect lain pada link? Silahkan lihat disini cara membuat link hover berwarna pelangi atau disini link hover bertabur bintang
0 comments:
Posting Komentar