Cara Menghilangkan Efek Shadow Pada Gambar

Klian sebel gak, liat di gambar yg ada di posting blog klian, ada 'shadow'nya? Rasanya jdi terlalu formal! Di sekeliling gambar, kyk ada bingkai/bayangan. Cara ngilanginnya? Ini dia!

Login ke Blogger > Design > Edit HTML
Gak perlu centang expand widget templates krn bs lgsg nemu.

Trus, cari kode:

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,

.BlogList .item-thumbnail img {

padding: $(image.border.small.size);

background: $(image.background.color);

border: 1px solid $(image.border.color);

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

}

Ganti semua angka pikselnya (px) menjadi nol. Jadi, hslnya bkal bgini:

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,

.BlogList .item-thumbnail img {

padding: $(image.border.small.size);

background: $(image.background.color);

border: 0px solid $(image.border.color);

-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);

-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);

box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);

}

Klik preview untuk lihat hasilnya, kalau udah sesuai keinginan, klik save template.

Semoga tuto kli ini bermanfaat~