Cara Menghilangkan Border atau Bingkai Gambar di Blog - THEBOEGIS ™
Setelah kita mengetahui cara memasukkan gambar kedalam postingan blog, selanjutnya adalah memodifikasi gambar dalam postingan.

Bawaan blogger sudah jelas, bahwa setiap gambar/foto/image yang kita masukkan dalam postingan akan memiliki bingkai atau border. Banyak orang tidak masalah dengan border ini, namun tak ada salahnya kita membuat gambar ilustrasi menyatu dengan tulisan.

Bagaimana caranya, ayo kita mulai. Seperti biasa, Anda login dulu ke blog. Setelah masuk ke dasbor. Klik 'Template' dan klik 'Sesuaikan' (lihat gambar).
Seletah masuk ke halaman klik 'Tindak lanjut' 'Tambahkan CSS' dan masukkan script beriku 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;
}

Tampilannya akan seperti gambar ini. Setelah itu, klik 'Terapkan ke Blog'.
sekarang lihat blog Anda, apakah border atau bingkainya masih ada atau sudah lenyap.

Cara Menghilangkan Border atau Bingkai Gambar di Blog

Setelah kita mengetahui cara memasukkan gambar kedalam postingan blog, selanjutnya adalah memodifikasi gambar dalam postingan.

Bawaan blogger sudah jelas, bahwa setiap gambar/foto/image yang kita masukkan dalam postingan akan memiliki bingkai atau border. Banyak orang tidak masalah dengan border ini, namun tak ada salahnya kita membuat gambar ilustrasi menyatu dengan tulisan.

Bagaimana caranya, ayo kita mulai. Seperti biasa, Anda login dulu ke blog. Setelah masuk ke dasbor. Klik 'Template' dan klik 'Sesuaikan' (lihat gambar).
Seletah masuk ke halaman klik 'Tindak lanjut' 'Tambahkan CSS' dan masukkan script beriku 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;
}

Tampilannya akan seperti gambar ini. Setelah itu, klik 'Terapkan ke Blog'.
sekarang lihat blog Anda, apakah border atau bingkainya masih ada atau sudah lenyap.


Jika Anda merasa bahwa artikel-artikel di blog ini bermanfaat, Anda bisa memberikan donasi melalui    aypal   atau dengan
Pulsa:  085399960147  Dana hasil dari donasi akan digunakan untuk meningkatkan update wapkita.net - Terima kasih. 
 PIN : W13NDHY

Catatan Sebelum Berkomentar

1. Dilrang Gombal 😂
2. Dilarang Melarang 😏
3. Dilarang Memasang Togel 😎
4. Dilarang Menghina dan P*M
5. Komentar Harus Sesuai Dengan Artikel Di atas
EmoticonEmoticon Download TeamViewer Untuk Setting Online