Saturday, August 4, 2012

0 Cara Membuat Efek Nudging Pada Label Blog Dengan Jquery

Setelah Sebelumnya saya posting tentang cara membuat buku tamu dengan efek slide,Sekarang saya ingin share lagi Cara Membuat Efek Nudging Pada Label Blog Dengan Jquery,Apa itu Efek nudging,Mungkin sebagian sahabat blogger telah mengetahuinya,Dan ada juga sebagian yang belum mengetahuinya,Efek nudging ialah,efek dimana jika link tersentuh kursor maka link itu akan bergerak,kekiri/kekanan,tergantung script yang dibuatnya,sebagai contohnya lihat pada bagian blog saya ini,tempelkan kursornya,maka link akan bergerak kekanan,dan sekarang kita mulai untuk membuatnya:
  • pertama-tama login ke blog anda
  • pergi ke Rancangan=>Edit Html=>dan centang cheklist expand widgetnya.
  • masukan kode dibawah ini tepat diatas kode </head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
Keterangan:
Kode jquery diatas umumnya semua template telah memilikinya,tergantung para designer templatenya,telah menyisipkan kode itu atau belum,jika belum ikuti langkah diatas,Dan Setelah kode diatas disisipkan,masukan kode berikut ini dibawah kode jquery diatas.
<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>
Save Templatenya,kemudian lihat hasilnya.Selamat mencoba semoga berhasil.

Description: Cara Membuat Efek Nudging Pada Label Blog Dengan Jquery Rating: 5 Reviewer: Sandi Tias - ItemReviewed: Cara Membuat Efek Nudging Pada Label Blog Dengan Jquery

Artikel Menarik Lainnya:

0 komentar:

Related Posts Plugin for WordPress, Blogger...