Trik Cara Membuat Link Agar Bisa Bergerak atau Goyang - Yang saya maksud disini adalah link anda akan bergoyang dengan sendirinya ketika link tersebut tersentuh oleh cursor , link tersebut secara otomatis akan bergerak ke kanan, dan kursor mouse dijauhkan mala link tersebut akan kembali ke tempatnya semula.
Nah buat anda yang ingin mencobanya pada blog anda ,, silahkan ikuti petunjuk berikut ini.
- Pertama-tama masuklan ke akun blogger milik anda
- Lalu Masuklan ke menu Rancangan/Design
- Pilih Edit HTML (jangan lupa centang expand template widget)
- Jika sudah , lalu cari kode </head> (gunakan ctrl+f untuk mempermudah pencarian)
- Masukkan Script dibawah ini diatas kode </head> tersebut.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>
- Terakhir simpan dan coba lihat hasilnya.
Jika langkah yang anda lakukan benar maka link yang terdapat pada halaman blog anda kini akan bergerak atau bergoyang dengan sendirinya ketika tersentuh oleh pointer mouse.
Selamat mencoba semoga informasi tersebut bermanfaat untuk anda.
Tidak ada komentar:
Posting Komentar