Cara Menghilangkan Bingkai Gambar di Blog

Bingkai yang terdapat pada gambar blog, terkadang memperindah tampilan gambar blog tersebut dan terkadang malah menghilangkan keindahan dari tampilan gambar tersebut. Garis pada pinggir gambar biasanya muncul karena pengaturan border image posting di template anda belum dihilangkan. Beberapa orang mungkin terganggu atau tidak nyaman melihat gambar pada posting mereka memiliki border atau garis tepi. Itu sebabnya garis tepi tersebut sering dihilangkan. Untuk menghilangkan garis tepi tersebut tidak sulit,  berikut ini cara-caranya :

• Cara pertama :
Login Dasboard Blogger bagian menu drop down, klik Template klik Edit HTML centang Expand Template Widget kemudian cari kode berikut ini :

.post-body img

Lihat kode tersebut, biasanya diikuti dengan kode seperti dibawah ini :

.post-body img  {
 border:1px 
 solid #ccc;
 margin:5px 
 }

Ganti nilai border anda menjadi 0 (warna merah)
Simpan template anda lalu lihat hasilnya.

• Cara kedua :
Login Dasboard Blogger bagian menu drop down, klik Template klik Costumize (Ubahsuaikan) untuk masuk ke halaman Blogger Template Designer Klik Advanced (Tingkat lanjut) Bawa scrollingnya ke bawah sampai ketemu kata Add CSS (Tambahkan CSS) Letakkan kode berikut di dalam kotak CSS 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 (Terapkan ke Blog).

Selamat mencoba dan semoga berhasil, terima kasih atas kunjungannya.

0 Response to "Cara Menghilangkan Bingkai Gambar di Blog"

Posting Komentar