Sedangkan ini efek hover pada link:
Untuk memberi efek hover ini silahkan ikuti petunjuk di bawah ini:
1. Seperti biasa login ke akun Blogger sobat.
2. Masuk tab Rancangan.
3. Pilih tab Edit HML.
4. Jangan lupa centang Expand Template Widget.
5. Cari kode </head>.
6. Sisipkan script berikut sebelum kode di atas.
<script type='text/javascript'>7. Simpan template sobat.
$(document).ready(function() {
$('a').hover(function() { //mouse in
$(this).animate({ opacity: '0.3' } , 1000);
}, function() { //mouse out
$(this).animate({ opacity: '1' }, 1000);
});
});
</script>
Silahkan lihat hasilnya jika ada masalah jangan sungkan untuk berkomentar.
: Maaf ternyata setelah saya teliti script diatas belum lengkap, mohon maaf atas ketidaknyamanannya. Sekarang untuk bisa menggunakan efek hover ini tambahkan script berikut dibawah </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js' type='text/javascript'></script>
waww..
BalasHapusinfo nya sangat bermanfatt untuk saya
dan yg lain nya
semoga sukses selalu ya mas bro
oke,,,terima kasih sob jangan bosan tuk berkunjung ya..
BalasHapusudah ane pasang tpi gak jalan cuy,,,
BalasHapuscoba cek tkp >> http://mynameiskurt.blogspot.com/
Oke sob....Langsung ke TKP..
BalasHapus:ngacir
BalasHapus:ultah
BalasHapuskeren sob ,semoga sukses selalu ya
BalasHapusthank.banget buat tutornya
BalasHapus