Cara Menghilangkan Bingkai atau Border Gambar

Pembatas yang ada pada gambar blog, sering di sebut dengan istilah bingkai gambar, border gambar, shadow image, bayang gambar atau border image. Di negara kita sendiri (Indonesia), pembatas yang ada pada gambar blog lebih banyak menggunakan istilah atau kata bingkai gambar. Jadi, supaya supaya tidak terlalu banyak istilah yang digunakan untuk pembatas gambar ini, kita pakai saja kata "Bingkai Gambar".

Bingkai yang terdapat pada gambar blog, terkadang memperindah tampilan gambar blog tersebut dan terkadang malah menghilangkan keindahan dari tampilan gambar tersebut. Yang membuat bingkai gambar terlihat indah atau tidak di blog adalah background dari blog tersebut. Kalau background blog berwarna cerah, misalkan putih, biasanya gambar yang berbingkai tidak terlihat bagus. Dan sebaliknya, kalau background blog berwarna gelap, misalkan hitam atau coklat, biasanya gambar yang berbingkai akan terlihat sangat bagus. Sebenarnya... Bagus tidaknya gambar di blog itu tergantung dari gambar yang digunakan. Coba sobat blogger perhatikan gambar di bawah ini! Di bawah ini adalah contoh gambar yang menggunakan bingkai dan contoh gambar yang tidak menggunakan bingkai.

Contoh gambar tanpa bingkai

Contoh gambar dengan bingkai

Dari kedua contoh di atas, apakah sobat blogger lebih suka gambar yang berbingkai atau gambar yang tidak berbingkai? "Saya lebih suka gambar yang tanpa bingkai". Kalau seperti itu kenyataanya, sekarang saya akan memberitahu sobat blogger tentang "cara menghilangkan bingkai gambar" atau "cara menghilangkan border gambar".

Cara menghilangkan Bingkai Gambar pada blog :

• Seperti biasa, login terlebih dahulu di http://www.blogger.com
• Di bagian menu drop down, klik Template

• Selanjutnya, klik Costumize untuk masuk ke halaman Blogger Template Designer

• Klik Advanced
• Bawa scrollingnya ke bawah sampai ketemu kata Add CSS

• Kalau sudah ketemu, letakkan kode berikut di dalam kotak tersebut.

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

• Klik Apply to blog

Apakah sobat blogger sudah berhasil menghilangkan bingkai gambar yang ada pada gambar blog sobat? Tentu saja kita harus buka salah satu postingan kita untuk melihat hasilnya. Kalau sobat blogger berhasil, Jangan lupa tinggalkan saran atau komentar blog sobat di kolom komentar yang tersedia. Ya... Hitung-hitung sebagai ucapan terima kasih.

By : Cutt Iswahyuni