Maksudnya apa sih, link kok bergoyang? kayak dangdutan saja. 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>
6. Simpan Template jika sudah selesai.
Bersiaplah untuk melihat link yang ada di blog kita akan bergoyang jika disentuh, ayo digoyang lagi :p
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>
<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.
Bersiaplah untuk melihat link yang ada di blog kita akan bergoyang jika disentuh, ayo digoyang lagi :p
Tidak ada komentar:
Posting Komentar
Sebelum Berkomentar, Dibaca Dulu Peraturannya !!!
1. Dilarang Flood
2. Dilarang SPAM
3. Dilarang Live Link
4. Dilarang Berkomentar Memakai Bahasa Kotor / Binatang
5. Dilarang Mencari Keributan
6. Berkomentarlah Dengan Bahasa Yang Sopan
7. Dilarang Ber-Anonim, Harus Sesuaikan Nama Anda, Jika tidak punya alamat website, Masukkan ke Alamat Akun Facebook / Twitter anda...
Jika Kalian Sudah Mengerti Silahkan Berkomentar
Admin