Cara Membuat Link Bergerak

Link bergerak, mungkin hal ini sudah tidak asing lagi sebab sudah banyak posting yang menjelaskan tentang hal ini, namun saya tetap akan menjelaskannya karena untuk menambah wawasan saja. 

Pada saat kita menyentuh link tersebut akan bergerak kesana kemari ataupun bergoyang-goyang, hahaha.... lucu....

langsung saja kita bahas :

Berikut cara Membuat Link Bergerak (Bergoyang) :
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh kode 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() {
$(&#39;a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>

6. Simpan Template jika sudah selesai.

Selamat mencoba dan semoga bermanfaat !!!!

Tweet

Related Post