Friday, May 25, 2012

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




Related Post



Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

2 comments: on "Cara Membuat Link Bergerak"

Ic Creem said...

Mantap gan

Visit Balik yaaa

ILFAN RIFAI said...

@Ic Creem : Sama-sama, ok ane visit back.

Post a Comment