Cara Membuat Efect Warna Hitam Putih di Semua gambar Posting

Masih di Variasi Blogger share Cara Membuat Efect Warna Hitam Putih di Semua gambar Posting cekidot

Silahkan Log in terlebih dahulu di blogs sobat kemudian klik Template klik Edi HTML , lalu sobat Copy Paste kode script di bawah ini , dan simpan di atas kode ]]></b:skin> di Template blogs sobat...

 Nah dibawah ini kode script untuk memberi efect warna hitam putihnya pada gambar semua postingan

.post img{
 filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
 -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
 filter: gray; /* IE6-9 */
 }

Oia jika sobat ingin menambahkan efect hover pada gambarnya agar kembali normal kembali ketika terkena corsur tinggal tambahkan kembali kode script ini dibawah kode script yang di atas

.post img:hover{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

Simpan Template selesei dan lihat hasilnya semoga berhasil...

Share to

 â