Cara Membuat Effect Terang dan Gelap jjika disentuh mouse Pada Gambar di Blog

Setelah sebelunya Saya sudah pernah bahas tentang Cara Membuat Effect Zoom Pada Gambar Di Blog, maka kali ini Saya akan bahas tentang Cara Membuat Effect Terang dan Gelap Pada Gambar. OK kita masuk ke langkah-langkahnya.

[1]. Pertama pastinya Login dulu ke Blog Kalian.
[2]. Dari Dasbor, cari Rancangan --> Edit HTML.
[3]. Cari Code ]]></b:skin>
[4]. Kalo sudah ketemu, Copy dan Paste-kan Code di bawah, tepat di atas Code tadi. ini ada 2 pilihan jadi tinggal sibat sendiri yg memilihnya ^^

A. Dari Gelap Menjadi Terang.

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

B. Dari Terang Menjadi Gelap.

    .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}

[5]. Terakhir tinggal di SAVE, dan lihat hasilnya.