Gambar dengan border, bingkai atau bayang
Gambar tanpa border, bingkai atau bayang
Dari kedua gambar di atas, terlihat jelas mana gambar yang tanpa pembatas dan mana gambar yang masih memiliki pembatas.
Untuk menghilangkan border, bingkai, bayang pada gambar atau foto blog, ternyata sangat mudah. Kita cukup menambahkan kode CSS di blog kita, maka di jamin semua gambar atau foto tidak akan memiliki border, bingkai atau bayang.
Cara Menghilangkan Bingkai, Border Atau Bayang Pada Gambar Blog
- Sign In di Blogger.com
- Pada Menu Drop Down, pilih Template.
- Klik Tombol Costumize untuk menuju laman Blogger Template Designer
- Klik Advanced dan Add CSS
- Copy Paste kode berikut pada kolom yang tersedia
.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;
}
- Terakhir, Klik tombol Apply to Blog
Post a Comment