Cara Membuat Efek Gambar Transparan Di Blog

Cara Membuat Efek Gambar Transparan Di Blog - Kali ini saya akan memberi trik cara membuat efek transparan (opacity) pada gambar. Efek ini akan nampak apabila cursor sahabat berada diatas gambar. Misalnya gambar akan berubah cerah saat cursor diatasnya atau sebaliknya meredup saat cursor tidak berada diatas gambar.
Jika sahabat ingin menampilkan gambar dengan sedikit sentuhan animasi maka trik ini dapat sahabat pasang di blog. sontohnya coba arahkan cursor sahabat pada gambar poto saya di bawah:

Bagus kah???  sudah jelas kan?
Ikuti langkah-langkahnya di bawah:

1. Login ke blogger
2. Buatlah posting pada blog sahabat
3. Masukkan kode berikut ini pada tab Edit HTML bukan Compose di posting.

<img src="Masukkan URL Gambar Anda Disini" style="opacity:0.2;filter:alpha(opacity=40)"onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

4. Masukkan url gambar pada tulisan berwarna merah!! jika sahabat belum tau caranya bisa di lihat pada artikel  Cara Mendaftar Meng-upload Gambar di Photobucket
5. Terbitkan posting sahabat dan lihat hasilnya
Selamat mencoba....!!!