Facebook Twitter FriendFeed
Gratis berlangganan trik blogging via mail, gabung sekarang!
http://i306.photobucket.com/albums/nn258/a_mas2908/kahwin09/your-ads-468x60.gif

Membuat link nudging di blog

Share this article on :


Sponsored Links:

Bimbingan kali ini:Membuat link nudging di blog


link-nudgingJQuery 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>

<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:
 
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;#Label1 li&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 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