Membuat Link Pada Label Bergeser Saat Disorot (Link Nudging)

Membuat tampilan Pada link Label saat disorot teks link bergeser-geser Contoh pada gambar disamping Teks Portable Software Saat disorot bergeser ke samping..... Link Nudging adalah salah satu fasilitas dari jQuery yang memberikan effect pada link. Effect Link Nudging ini di kembangkan oleh David Walsh Blog, untuk cara membuatnya:

1. Silahkan login blogger, Rancangan, Edit HTMl,
2. Cari kode </head> lalu simpan kode berikut diatas kode tadi :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

Jika kode tersebut sudah ada tak perlu disimpan lagi.


Selanjutnya simpan kode berikut Dibawah kode berwarna biru tadi Java :

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

Yang berwarna Biru silahkan ganti sesuai keinginan atau mau lebih tau tentang hal ini bisa dipelajari pada tutorial Memindah-mindahkan widget dengan jQuery (Draggeble)

Simpan template.......

Dalam pemakaian tutorial ini kadang tidak berhasil, semua itu bisa disebabkan bentroknya script jQuery yang dipakai...

Jadi selamat mencoba saja,,, semoga berhasil

Copyright® 
http://www.kangdadang.co.cc