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...
sssss
BalasHapus