Maksudnya apa sih, link kok bergoyang? kayak dangdutan saja :D Maksudnya
begini lo, link yang disetuh oleh cursor akan bergerak ke kanan, dan
kalau dijauhkan akan kembali ke tempat semula. Sudah mengerti? Jadi
hampir sama
marquee, bedanya link akan bergerak hanya jika disentuh.
Dengan membuat link bergoyang ini, selain untuk membedakan kalau teks
itu ada linknya, tentunya juga untuk membuat lebih menarik. Dulu ada
cara
membuat link menjadi pelangi, bahkan juga ada membuat
link berkedip-kedip. Sekarang kita akan belajar membuat link yang bergoyang ;)
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() {
$('a').hover(function() { //mouse in
$(this).animate({ marginLeft: '12px' }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>
6.
Simpan Template jika sudah selesai.
sumber:kurniaseptablogspot.com
makasih infonya gan
ReplyDelete