Cara Membuat Efek Hover Pada Gambar Disetiap Postingan Blog

Tips dan Triks ini adalah tutorial cara membuat Gambar berubah saat moude diarahkan tepat pada gambar. Khusus untuk tutorial ini, saya memberikan efek Hover Transparan. untuk Contohnya bisa dilihat pada blog ini dimana setiap postingan yang memiliki gambar akan berefek Hover.

Untuk tutorialnya, ikuti langkah berikut ini :

1. Login ke blogger
2. Masuk ke Tata Letak
3. Pilih menu Edit HTML
4. Centang Expand Template Widget
5. Cari kode ]]></b:skin>
6. Letakan kode di bawah ini, tepat di atas kode ]]></b:skin>

.post img{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}
.post img:hover{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}

Selamat Mencoba..

Sumber : uc1n.com