Kamis, 06 September 2012

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.

Sandra Dewi, Foto Berbingkai, foto hot,sandra,dewi
Contoh gambar tanpa bingkai

Foto Sandra Dewi,Sandra Dewi,foto berbingkai
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 :
Blogger New Interface,Drop Down Blogger New Interface,Drop Down,template,blogger
Template Costumize blogger,Designer Blogger Template,Costumize,blogger new interface
  • Klik Advanced
  • Bawa scrollingnya ke bawah sampai ketemu kata Add CSS
Template Costumize blogger,Designer Blogger Template,Costumize,blogger new interface,css,kode 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

Tidak ada komentar:

Posting Komentar