Membuat Link Bergerak (Bergoyang)

www.rifai.com

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() {
$(&#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.

Bersiaplah untuk melihat link yang ada di blog kita akan bergoyang jika disentuh, ayo digoyang lagi :p

Related Post:

Trik Blog

• Memasang Buku Tamu Di Blog
• Cara Mengurangi Error HTML Dan CSS Pada Template Blog
• Menambahkan Scroll Pada Blog Archive
• Membuat Judul Address Bar Tambah Keren
• Cara Menghilangkan Tang dan Obeng di Blog
• Cara Membuat Blog Menjadi Dofollo
• Cara Pasang FB Like, Twitter, Google +1 Di Blogger
• Cara Mengganti Tulisan Navigasi Blogger dengan Gambar
• Cara Membuat Efek Drop Shadow pada Gambar
• Animasi Spider-man di Blogger
• Navigasi nomer halaman blogger
• Cara Memasang Google Translate
• membuat Read More Otomatis di Blogspot
• Membuat Judul Blog Berjalan
• Icon Burung Twitter Berterbengan
• Animasi Flash di Blogger
• Animasi Spiderman Di Blog
• Menampilkan Gambar Background Berdasarkan Hari
• Memasang Background DI Blogger
• Mendaftarkan Website/Blog Diseluruh Dunia
• Menambahkan Button Google Plus One (+1)
• Cara Membuat Running Teks Berita dari Blog Kita
• Membuat Icon Burung Twitter Berterbangan di Blog
• Cara Mengisi Paypal dengan Ipanel online - Survey Dapat Dollar.
• Flash Animasi Blog

Posted in: Trik Blog