Senin, 31 Desember 2012

Cara Membuat Link Bergerak Pada Blog

Munkin sobat pernah berkunjung di suatu blog orang lain. ketika sobat menyentuh suatu link tersebut tiba-tiba link bergoyang..  Namun sobat jang khawatir.  Pada kesempatan kali ini, saya akan sher kepada teman-teman, bagai mana Cara Membuat Link Bergerak Pada Blog.

Cara Membuat Link Bergerak Pada Blog

Dengan membuat link bergoyang ini, selain untuk membedakan kalau teks itu ada linknya, tentunya juga untuk membuat lebih menarik. Sekarang kita akan belajar membuat link yang bergoyang, dan kalau dijauhkan akan kembali ke tempat semula. Sudah mengerti?

Silahkan sobat ikuti langkah-langkah di bawah.....

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

mudah kan sob!! itulah yang saya dapat berikan mengenai Cara Membuat Link Bergerak Pada Blog sobat, semoga bermamfaat....





0 komentar: