Tutorial : Image Opacity Effect

Assalamualaikum & Annyeong !!

Hari ni Mimi akan ajar kamu , kamu , dan kamu untuk buat seperti yang tertera diatas.

Kali ni kalau cursor kamu tu pergi je kat gambar,gambar tu akan jadi blur seperti muka Mimi sekarang *joking

Oke jom kita tengok cara-caranya :

1) Pastikan ada blog >.< *joking lagi

2) Dashboard > Design > Add A Gadget > HTML/Javascript

3) Copy code dibawah :

<style>/* ----- Image opacity effect 1 ----- */.post a img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;-khtml-opacity: 1.0;}.post a:hover img {filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5;}</style>

 4) Save je , dan tengok hasilnya :D

Type By ,

MimiAdnan - budak tengah bosan