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





wah, bagus juga nih triknya sob
BalasHapuskalo tanpa border di gambar jadi terlihat menyatu ya dengan template blog, apalagi kalo gambar berformat png.
thanks sob, sukses selalu :D , visit > www.elevenews.com
wah, ini yang dicari nih,... makasih ya Gan. Mantepsss!
BalasHapussedang iseng belajar blog, nemu disini.
http://cibodasoutbound.blogspot.com/