Membuat Effect Gambar Gelap-Terang pada Blogger

Kali ini saya akan menshare tips blog yang sudah saya terapkan pada blog saya ini yaitu cara membuat effect gelap-terang pada gambar postingan, dan begitu juga effect terang ke gelap.

Contoh yang saya gunakan gelap ke terang :

 Effect Sebelum tersentuh Kursor

 Effect setelah di sentuh kursor

Anda bisa lihat perbedaannya di atas, dan cara pembuatannya sangat sederhana sekali silahkan anda ikuti langkahnya :

• Silahkan anda masuk Template -> Edit HTML
• Centang Expand Widget
• Tekan CTRL+F kemudian ketik ]]></b:skin>
• Kalau sudah ketemu silahkan anda pastekan kode di bawah ini di atas kode ]]></b:skin>

1. Kode Dari Gelap Ke 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}

2. Kode Dari Terang Ke 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}

• Kalau sudah silahkan anda simpan dan lihat hasilnya .

PERINGATAN! Bagi Yang Suka COPAS! Harap Cantumkan Link Sumbernya!!!, Terimakasih.

You Might Also Like

Cara Membuat Artikel Terkait Dibawah Posting Tempat Cari ilmu