Membuat Link begerak bila disentuh kursor mouse
Link Bergoyang
Anda pasti pernah melihat diberbagai blog sahabat yang apabila link tersebut tersentuh kursor maka link tersebut akan bergerak.. Nah..sekarang ini, saya akan memandu anda bagaimana cara membuat nya.
Cara ini menggunakan jquery, jadi penggunaan nya sangatlah mudah. so, kita langsung aja ke pembahasan :
- Login ke Blog anda
- Klik Tab Rancangan/Setting
- Kemudian, klik Edit HTML
- Jagan lupa untuk mendownload template anda terlebih dulu sebelum terlalu jauh.
- Ok,, sekarang anda cari kode ini </head>
- Copy kode berikut, dan letakkan diatas 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>
- Save.
Tag : Membuat link bergerak | Link Bergoyang | jquery link bergerak | Bergerak saat tersentuh mouse
Posting Terkait:
- Media social share blogger dengan Tooltip
- Meta Tag Generator Tool buat blogger
- Membuat Efek lipatan | effect mengelupas pada pojok template blogger
- Membuat Link begerak bila disentuh kursor mouse
- Membuat Text Berjalan
- Membuat bendera Social Share Bookmark
- Membuat sitemap untuk blogger
- Membuat slide show
- Membuat tabel untuk menata tulisan dan gambar pada blog
- Menambahkan widget keren Recent post
Tags: Belajar blog
Langganan:
Posting Komentar (Atom)
Share your views...
0 Respones to "Membuat Link begerak bila disentuh kursor mouse"
Posting Komentar
Sebelum memberikan komentar, silahkan menjadi anggota sitelearning terlebih dahulu, Terimakasih