Untuk mempercantik blog sobat bias tambahkan link bergeser ketika di sorot oleh mos, sekarang saya akan berbagi pengalaman tentang cara membuat link bergeser ke kanan ketika ada mouse di atasnya. Cara ini pernah saya pakai ketika saya masih baru mengenal blog. lanjut saja kita ke tutorial nya!!
1. Login blogger
2. Template
3. Cari kode </head>
4. Pastekan kode di bawah di atas kode </head>
5. Save template.
Lihat blog sobat, maka link tulisan sobat akan bergeser ketika ada mouse di atasnya!! semoga bermanfaat, dan jangan lupa sering-sering mampir kemari.
Baca juga : Cara membuat navbar keren di blog.
1. Login blogger
2. Template
3. Cari kode </head>
4. Pastekan kode di bawah di atas kode </head>
<script src='https://sites.google.com/site/tridendasite/javascript/tulisan.bergeser.js?attredirects=0&d=1' 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>
5. Save template.
Lihat blog sobat, maka link tulisan sobat akan bergeser ketika ada mouse di atasnya!! semoga bermanfaat, dan jangan lupa sering-sering mampir kemari.
Baca juga : Cara membuat navbar keren di blog.
Related Post:
Tutorial Blogger
- Cara membuat breadcrumb di atas postingan
- Cara menghilangkan navbar
- Cara membuat link berkedap-kedip ketika disorot kursor
- Cara mengganti icon blog dengan gambar sendiri
- Cara membuat navbar keren di blog
- Buku tamu
- Cara membuat blog menjadi keren
- Gambar postingan pada Beranda berputar ketika disorot mouse
- Compress HTML
No comments:
Post a Comment
Berkomentar sesuai judul artikel dan tidak disingkat.
Kritik dan saran juga boleh asal sifatnya membangun!!