cara menghapus border gambar dalam postingan blog

Pada setiap postingan blog baru yang ada di Blogger pasti sudah jelas, bahwa setiap image/gambar/foto yang kita masukkan kedalam postingan akan muncul dan memiliki border atau bingkai.

Banyak orang yang tidak memperdulikan dan tidak mempermasalahkan tentang border ini, namun tak ada salahnya juga kalau kita membuat gambar ilustrasi pada postingan menyatu dengan tulisan.

   
 Berikut Cara menghapus border gambar dalam postingan blog? mari kita mulai.

•       Anda harus login dahulu ke blogger
•       Setelah masuk ke Dassbor, klik Template dan klik Sesuaikan



•       Setelah masuk ke halaman, klik "Tindak Lanjut > Tambahkan CSS  dan masukkan script berikut ini :


.post-body img, .post-body .tr-caption-container, .Profile img,
.Image img, .BlogList .item-thumbnail img {
border: 0px;
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
border-radius: 0px 0px 0px 0px;
background: none;
}



  

 Tampilanya akan seperti gambar di bawah ini 



   Setelah itu, klik "Terapkan ke Blog"



     Jadi deh, sekarang lihatlah blog anda, apakah border atau bingkainya masih ada atau tidak. Kalau masih ada coba lihat pada Tambahkan CSS, mungkin anda kurang saat mencopy script di atas.




Nah itulah sekiranya mengenai : cara menghapus border gambar dalam postingan blog.  
Thanks bro atas kunjungannya,  

 Dan Jika Bacaan di atas telah membantu sobat jangan ragu untuk share ke media sosial atau bisa juga dengan memberikan saran juga komentar pada kolom komentar di bawah artikel. Sekian dan terima kasih.