Efek Hover Image dan Link dengan jQuery

Posted by adOeL Maret - 17 - undefined

Baiklah langsung dicoba aja, Caranya sangat mudah, cukup ikuti langkah dibawah ini :
1. Pertama Login Blog
2. Pilih Layout untuk memulai pengeditan pada Blog yang diinginkan
3. Pilih Tab Edit HTML
4. Letakkan kode berikut ini di bawah ]]></b:skin>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;a&#39;).hover(function() { //mouse in
$(this).animate({ opacity: &#39;0.3&#39; } , 1000);
}, function() { //mouse out
$(this).animate({ opacity: &#39;1&#39; }, 1000);
});
});
</script>

5. Kemudian Simpan Template. dan lihat hasilnya.



Lihat juga artikel lainnya :)

Utta Melanikz

Post Author : Utta 'The Shelter'

Gue hanyalah seorang blogger pemula yang ingin belajar dan berbagi, Semua artikel bersumber dari pengalaman yang saya dapatkan dari dunia internet.Jika anda senang dengan Artikel ini, silahkan berlangganan gratis Via Email atau Feed Rss

Bagaimana Pendapat Anda??

Segera Laporkan apabila sobat menemukan Broken link (link rusak) atau ingin request dan bertanya, dengan meninggalkan pesan di bawah ini,dan Blog ini sudah DoFollow, namun tetap jaga kesopanan dengan tidak melakukan komentar spam yach.