ExitJangan Lupa Klik Like/Suka!

Kamis, 28 Juni 2012

Trik Cara Membuat Link Bergerak

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() {
$(&#39;a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 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.
Bayu Ardiyanto Review Rating: 88 out of 100 based on35 reviews.

Tidak ada komentar:

Posting Komentar