Membuat link nudging di blog
Sponsored Links:
Bimbingan kali ini:Membuat link nudging di blog
JQuery link nudging adalah effect animasi pada link hasil dari penambahan padding kiri, effect ini akan nampak saat kita menyentuhkan pointer/mouse pada link, link akan bergerak kekanan atau bergoyang.Jika tertarik untuk memasangnya,silahkan ikuti tutorial pendek ini:
1. Setelah sig in pada account blogger sobat>>> pada dasbor>>> Klik Rancangan>>> Edit HTML
2. Tambahkan Script JQuery berikut diatas kode </head>
1. Setelah sig in pada account blogger sobat>>> 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 sobat yang sudah menginstal script JQuery diatas pada template blogger sobat.
3. Tambahkan lagi script berikut dibawah script JQuery tadi:
3. Tambahkan lagi script berikut dibawah script JQuery tadi:
<script type='text/javascript'>
$(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 -->
4. Simpan, dan lihat hasilnya pada blog sobat.
Jika anda mempunyai berbagai kritik atau saran atas berbagai macam trik dan artikel dalam blog ini yang kurang atau ada trik yang tidak bisa,silahkan kirim ke email saya:thebestofblogging@gmail.com.Sekian dan semoga trik dan artikel dalam blog ini kebanyakan dapat bermanfaat
0 komentar — Skip to Comment
Posting Komentar — or Back to Content