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 pointer diatasnya (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 blog Anda.

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 share artikel ini jika bermanfaat, selamat mencoba, dan salam blogger!

Suka Artikel Ini? Yang Share Dapat Pahala Lho... Trims!

Bagikan di FB Tweet ke Twitter! Bagikan di G+

Thanks for reading! Ingin menyebarluaskan artikel ini? Tolong sertakan juga link sumbernya (Cara Mudah Membuat Link Bergoyang di Blog). Klik juga tombol Google +1 dibawah. Terima Kasih! Klik juga :

Anda sibuk? Tetap baca artikel terupdate dan terbaru dari Tips SEO + Blog – PC 123 melalui e-mail Anda. Caranya? Masukkan alamat e-mail Anda pada kotak berikut ini, dan klik Daftar, dan saya akan mengirimkan artikel terbaru ke e-mail Anda. Saya menjamin privasi Anda. Untuk info lebih jelas mengenai kotak ini, silahkan klik Disini.