/Cara Membuat Efek Gambar Hitam Putih Di Blog

Cara Membuat Efek Gambar Hitam Putih Di Blog

Cara Membuat Efek Gambar Hitam Putih Di Blog – Dengan tutorial ini gambar di post akan menjadi Hitam Putih, Dimana akan normal kembali ketika Kusor Mouse Diarahkan pada Gambar itu.

Hal ini berguna untuk mempercantik blog kalian yang tidak mau melihat blognya begitu-begitu saja, Dan yang mau terlihat beda dari yang lain.

Cara Membuat Efek Gambar Hitam Putih Di Blog

Cara Membuat Efek Gambar Hitam Putih Di Blog
Caranya sangat mudah sekali.
1. Masuk ke bagian EDIT HTML.
2. Cari Kode ]]></b:skin> atau </style>.
3. Copykan CSS Dibawah ini tepat diatas kode ]]></b:skin> atau </style>.

.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”); -webkit-filter:grayscale(1); filter:gray; padding:15px; box-shadow:0 0 15px #000; }
.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”); }

4. Terakhir simpan Template anda.

Itulah Cara Membuat Efek Gambar Hitam Putih Di Blog, Terkadang kita membutuhkan ini untuk mempercantik Blog.
Terima kasih.

The following two tabs change content below.