Cara Membuat Link Bergoyang Ketika Di Sorot Mouse
Sobat
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….gampang ko
sob,,,,
1. Cara ini menggunakan jquery, jadi penggunaan nya sangatlah mudah. kita langsung aja ke TKP
1. Login ke Blog anda
2. Klik Tab Template
3. Kemudian, klik Edit HTML
4. Centang Expand Template Widget
5. Ok, sekarang sobat cari kode ini </head> ,Copy Kode Dibawah dan Letakkan di atas </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. Save Template
2. Cara ini menggunakan kode HTML
1. Login ke Blog anda
2. Klik Tata Letak
3. Add Gadget ,Copy kode di bawah ini
<script
src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'
type='text/javascript'></script><script
type='text/javascript'> $(document).ready(function() {
$('a').hover(function() { $(this).animate({ marginLeft: '10px' }, 400);
}, function() { $(this).animate({ marginLeft: 0 }, 400); });
});</script>
4. Save Widget
Artikel Terkait Lainya
Efek Hover Pada Gambar Dalam BlogSelain
pada seluruh gambar yang terdapat dalam posting, efek gambar juga dapat
diterapkan pada salah satu gambar yang kita inginkan saja. Baik satu ... selengkapnya
Widget Artikel terbaru dengan Navigasi Next dan PreviousWidget Artikel terbaru dengan Navigasi Next dan Previous. Baiklah pada kesempatan ini seocips.com akan membagikan tutorial bagaimana cara membuat dan ... selengkapnya
Membuat Animasi Hover dan Deskripsi Gambar POsting BlogCara Membuat Animasi Hover dan Deskripsi Pada Gambar diBlog. Ok sobat berikut ini seocips akan membagikan lagi tutorial tentang membuat atau menambah ... selengkapnya- Cara Membuat Border Judul Artikel Blog Sebagaimana suatu blog tempat kita menuangkan semua inspirasi dalam tulisan, Berbagi informasi serta sekedar tempat menyalurkan hobby dengan me ... selengkapnya
- Cara Membuat efek post hover hanya di homepage blogwahh anda lihat nggak efek yang terdapat pada home blog saya saat kursor anda menyentuh salah satu dari postingan saya nahh gimana gan?emm kayak beru ... selengkapnya
Langganan:
Posting Komentar (Atom)
