Cara Membuat Link Disentuh Bergerak (Bergoyang)

Kali ini Saya akan membahas cara membuat link bergerak / bergoyang ketika disentuh cursor.

Dengan membuat link bergoyang, bisa untuk membedakan kalau teks itu ada linknya atau tidak. Sebelumnya Saya juga pernah membahas link bisa berubah ubah seperti pelangi.

Tanpa berlama lama, berikut cara membuat link bergoyang :

• Login ke blogger.com, jika sudah,
• Pilih Template → Edit HTML → centang Expand Template Widget
• Cari kode </head> agar mudah mencari tekan f3
• Letakkan script berikut, 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() { $('a').hover(function() { //mouse in $(this).animate({ marginLeft: '12px' }, 400); }, function() { //mouse out $(this).animate({ marginLeft: 0 }, 400); }); });</script>

• Simpan dan lihat hasilnya.

Selamat Mencoba !