Cara Mudah Menghilangkan Border Gambar Postingan Blog

SHARE THIS

Share to:

Facebook Twitter

Cara Mudah Menghilangkan Border Gambar Postingan Blog

Cara Mudah Menghilangkan Border Gambar Postingan Blog - Bukan bermaksud menggurui atau sok ahli, pada kesempatan kali ini kembali saya akan berbagi trik mudah untuk rekan-rekan blogger lainnya. 

Trik yang akan saya bagi adalah cara mudah menghilangkan border gambar postingan blog. Template bawaan blogger memang didesain memberikan bingkai/ border pada setiap, gambar, foto atau image postingan blog.

Bagi sebagian orang, border tersebut tidaklah mengganggu. Namun, sebagian orang juga tidak menginginkan adanya border pada gambar postingan blog. Untuk itu saya akan memberikan cara mudah untuk menghilangkan bingkai/ border gambar pada postingan blog. Bagaimana caranya? Yuk simak langkah berikut;

1. Log in ke Blogger.com
2. Klik menu Template > klik Sesuaikan.
3. Klik Tingkat lanjut > klik Tambahkan CSS.
4. Pada kolom Tambahkan CSS khusus seperti yang terlihat di atas, pastekan kode di bawah ini kemudian klik Terapkan ke blog.

.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;
}

Dan dengan mudah border pada setiap gambar postingan blog pun telah hilang. Sangat mudah dan lebih mudah ketimbang menghapus masa lalu dengan mantan.

Hi... I'm Martius, You can find more about me. Thanks for coming to my blog and hope you enjoy it.

3 komentar: