Cara Menghilangkan Border Dan Bayangan Image

Assalamu'alaikum Wr.Wb.

Cara Menghilangkan Border Dan Bayangan Image atau gambar ini hanya menggunakan CSS saja tanpa jQuery, apabila Mojang dan Bujang ingin tampilan Image/Gambar-nya tanpa menggunakan Border serta bayangan Go Blog Go kali ini akan share cara-nya, karena Mojang dan Bujang hanya tinggal menambahkan CSS-nya saja.

Login ke Blogger
Dashboard -> Template -> Edit HTML (jangan lupa back-up dahulu template-nya)
Klik -> Expand Widget Template
Cari Kode Tag ]]></b:skin>
Tempatkan Kode CSS tambahan berikut ini sebelum Kode Tag ]]></b:skin>

.post-body img, .post-body .tr-caption-container, .Profile img,
.Image img, .BlogList .item-thumbnail img {
padding: none !important;
border: none !important;
background: none !important;
-moz-box-shadow: 0px 0px 0px transparent !important;
-webkit-box-shadow: 0px 0px 0px transparent !important;
box-shadow: 0px 0px 0px transparent !important; }

Apabila menggunakan cara diatas CSS-nya tidak berjalan dengan baik, Anda dapat menggunakan Alternatif lain yaitu (mengenai cara-nya sama dengan diatas) :
Cari Kode CSS seperti dibawah ini (Template Blogger Baru)

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);

Anda tinggal menghapus Kode CSS tersebut, jangan lupa Save Template-nya.

Yang simple dan mudah saja namun bermanfaat. Go Blog Go...!!! Amiin

Wassalam,