Cara Mudah Membuat Link Bergoyang di Blog

Cara Mudah Membuat Efek Link Bergoyang (Nudging) di Blog – Mungkin, saat Anda berselancar di Internet, Anda pernah melihat sebuah link yang bergoyang ketika Anda meletakkan pointerdiatasnya (baca juga : cara membuat efek kursor bertabur bintang di blog). Terkadang, saya menjadi geli sendiri saat melihat efek ini. Terlihat lucu dan unik. Cara pemasangan efek link bergoyang ini tak jauh beda dengan cara memasang efek link bertabur bintang di blog, atau memasang efek link membesar otomatis saat disentuh. Silahkan kombinasikan semuanya untuk membuat tampilan link blog menjadi lebih unik dan menarik.

Oke, langsung saja. Berikut ini trik untuk membuat link bergoyang di blogAnda.

1. Pertama, buka akun Blogger Anda. Masuk ke Template.
2. Seperti biasa, buat sebuah backup dari template blog Anda. Lanjutkan dengan mengklik tombol Edit HTML.
3. Cari kode </head> (gunakan CTRL+F).
4. Jika sudah ketemu, pastekan kode berikut tepat di atasnya.

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

5. Terakhir, klik Simpan.

Buka blog Anda untuk melihat dan 'menikmati' efek link bergoyang ini. Tolong shareartikel ini jika bermanfaat, selamat mencoba, dan salam blogger!