Cara Membuat Efek Terang dan Gelap Pada Gambar Blog

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

[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 ^^

DEMO :D *Coba anda lihat Fotonya, Dari Gelap Menjadi Terang*

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.

Tweet

Postingan terkait:

Ditulis Unknown — Thursday, 6 March 2014 — 6 Comments — Blogging