Membuat Link Bergeser Jika disentuh

Kali ini saya kan share tentang bagaimana Membuat Link Bergeser Jika disentuh. yang pastinya berbau ala jquery.

Untuk demo nya sobat bisa lihat di judul posting blog ini.
ok berikut caranya :

1. Masuk ke Design >> Edit HTML >> Letakkan kode dibawah ini diatas </head>
gunakan ctrl+F untuk mempermudah pencarian


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

ohh iya kalo sobat udah punya link kayak diatas gak usah ditambahkan lagi.


2. Taruh kode ini dibawahnya kode yang tadi
<script type='text/javascript'>
$(document).ready(function() {
$('.post-title').hover(function() { //mouse in
$(this).animate({ paddingLeft: '14px' }, 1000);
}, function() { //mouse out
$(this).animate({ paddingLeft: 0 }, 400);
});
});
</script>
NB : Untuk yang berwarna merah bisa diganti dengan kode lain sesuai dengan yang sobat inginkan, contoh jika diganti #Label1 maka link pada daftar label blog sobat yang akan bergeser.
3. Simpan Template
dan lihat hasil nya
Ok Semoga Bermanfaat... ^_^

Postingan terkait:

2 Tanggapan untuk "Membuat Link Bergeser Jika disentuh"

  1. thanks gan.. :)

    terima kasih atas postingannya..
    bermanfaat ..
    keep blogging ..:)

    BalasHapus
  2. www.fhandikablog.com
    www.fhandikablog.net
    www.fhandikacheater.com
    www.pekalongan-cheater.net

    Follow All My Blog Ya...

    BalasHapus