Cara 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 Tutorial Blog 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 JavaScript :

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

Simpan template.......

DEMO KLIK DISINI

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

Jadi selamat mencoba saja,,, semoga berhasil

Artikel Terkait:

Accesoris Blog

• Cara Membuat Cursor following menu
• Cara Membuat Background Pada Cbox
• Cara Membuat Label Cloud Tanpa Edit HTML
• Cara Memasang Total Komentar dan Total Posts
• Cara Membuat Buku Tamu Show/Hide Dari Atas
• Cara Memasang Tombol "Save as PDF" Di Blogger
• Cara Membuat Daftar Isi Pada Blog
• Cara Membuat Icon Twitter Burung Terbang
• Tips Memasang Buku Tamu/Instant Comment/Chat Box pada Blogger
• Cara Membuat Efek Bubble 'Gelembung' Pada Cursor
• Cara membuat header blog dengan Supalogo
• Membuat menu melayang dengan sentuhan Jquery dan CSS3
• Cara Menampilkan Hanya Judul Postingan di Halaman Depan Blog dengan Css
• CARA MENAMPILKAN HANYA JUDUL ARTIKEL PADA HALAMAN DEPAN BLOG
• Cara Pasang Icon di Samping Judul Postingan
• Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka
• Clock Widget : Jam Mengikuti Kursor
• Cara MemBuat/Pasang Navigasi Breadcrumb di Blogger
• Cara membuat Omni Slide Menu Pada BLog
• Cara Membuat Menu dTree
• Cara Bikin Float Gambar Pada Blog
• Tag cloud cumulus update
• Cara Membuat Double Klik untuk Back to Top (Kembali ke Atas)
• Membuat Navigasi Halaman Bernomor/Paging