Cara Membuat Efect Warna Hitam Putih di Semua gambar Posting

Belajar SEO dan Blog Bagi pemula
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

23 Responses to "Cara Membuat Efect Warna Hitam Putih di Semua gambar Posting"

  1. mantep ijin save

    BalasHapus
  2. Ijin coba tips efek hitam putih pada gambarnya mas...

    BalasHapus
    Balasan
    1. silahkan sob, semoga bermanfaat :D

      Hapus
  3. Wah trnyata bisa d setting yah,
    maksih sob tutorialnya :D

    BalasHapus
    Balasan
    1. iya sob , bisa di seting dengan kode script jadi bisa hitam putih kirain pake software edit photo kaya photoshop ya hehehe.. :D

      Hapus
  4. trmksih sobat infonya sangat membantu pas buat blog yang sering posting fhto2 itu hehehe

    BalasHapus
  5. mantaf sob :-d , terimakasih sudah share.. ^:D ijin coba :W

    BalasHapus
  6. efect hitam putih , kirain pake photoshop ternyata ada juga ya kode css emang keren bro , ijin coba :D

    BalasHapus
    Balasan
    1. iya sob emang kode css bisa merubah tampilan semau kita :D

      Hapus
  7. jadi inget photo versi zaman dulu hitam putih heee.. :D

    BalasHapus
    Balasan
    1. iya sob , kaya zaman dahulu belum ada warna kaya zaman sekarang hehehe... :D

      Hapus
  8. bagus tuh tutorialnya,..
    simple lgi..

    kpan2 bisa dicoba deh :-bd

    BalasHapus
    Balasan
    1. silahkan sob , semoga bermanfaat :D

      Hapus
  9. wah, keren juga nih...

    BalasHapus
    Balasan
    1. yups sob, biasa efect css tea atuh hehehe... :D

      Hapus
  10. keren mas efeknya kadi keliat antik dan nyentik ya :)

    BalasHapus
  11. ada yang otomatis seperti ini ya... wah baru tahu

    BalasHapus
    Balasan
    1. ya sob, ini memberikan efect otomatis hitam putih pada semua gambar di postingan :D

      Hapus
  12. .blogq ketika d CTRL+F keluar.Na bkN d pojok kaNaN atas HTML...??"
    .tp d pojok kiri layar komp....."
    .maka.Na aku Cari2 kode yg aku ingiNkaN gx ketemu2...."

    .itu bagaimana ea...???"
    .makasih...."

    BalasHapus
    Balasan
    1. oh sobat ingin memasang kode script efect warna hitam putih ini pada templatenya..., namun sobat bingung mencari kode ]]></b:skin> ya ? kalau untuk mencari kode script ]]></b:skin> di edit html, saya sarankan sobat bisa membaca artikel yang sudah saya share di http://variasiblogger.blogspot.com/2013/12/cara-mencari-kode-script-di-edit-html.html semoga membantu sob :)

      Hapus

Jika ada Tutorial Info Blog Indonesia ini, yang kurang dimengerti silahkan luangkan saja waktu anda untuk berkomentar, karena pertanyaan anda sangat berharga untuk perkembangan dan kemajuan blogs ini.

Soalnya diblogs ini adalah wadah untuk belajar mengenal webs/blogs, disini kita sama - sama belajar, seandainya anda adalah seorang pakar blogger profesional atau pakar seo indonesia bimbinglah saya, untuk menulis artikel berkualitas.

Oia sebelum menyisipkan script silahkan gunakan tools konversi terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar.

Terimakasih.. salam kenal dan salam hangat untuk blogger indonesia, yang selalu setia di Info blog Indonesia variasi blogger.

¯\(◕ ‿◕)/¯



convert TOS

Panduan, Bimbingan Cara Belajar Blogs dan Seo