Cara Membuat Link Bergerak ketika Disentuh oleh Cursor

Hmm bosan eah dengan link yg tampilannya biasa-biasa aja?? Saya selaku admin di sini akan mencoba share ulang tentang bagaimana membuat link bergerak pada blog.. Pengertiannya adalah link yang disentuh oleh cursor akan bergerak ke kanan,kiri (sesuai editan sobat) dan kalau cursornya dijauhkan, maka link tsb akan kembali ke tempat semula. Ngerti kan?? Kalo ga ngrti, mending pura-pura ngerti aja deh biar cepet... wkwkwk..
tapi kalo memang penasaran, gimana sih link yang bergerak ketika disentuh cursor??? silahkan klik disini. dan cobalah sentuh link yg ada disitu, pasti bergerak linknya..

Pada intinya sih hampir sama dengan marquee, cuma bedanya link akan bergerak hanya jika disentuh saja (auto).

Selain untuk membedakan kalau teks itu ada linknya atau tidak, tentunya juga untuk membuat blog sobat blogger semua menjadi lebih menarik. 

Baiklah langsung saja kita intip caranya di bawah ini:

Cara Membuat Link Bergerak (Bergoyang)

1. Login ke Blogger sobat tentunya.
2. Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget

5. Cari kode </head> ,supaya gampang tekan CTRL+f atau F3 dan ketikkan kode </head> tsb didalamnya.6. Taruh kode berikut teapat di atas kode </head>

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

7. Simpan Template jika sudah selesai.
Silahkan di refresh blog sobat dan lihat hasilnya...

Tetapi maaf saja bila script tidak bekerja karena keterbatasan otak saya juga atau kesalahan saat menuliskan scriptnya.. Namun jika bisa jgn lupa di share ya.. 

ditunggu commentnya ..

Selamat Mencoba..!!

Tweet