Menghilangkan border image blogger

Menyisipkan image atau gambar pada postingan tentunya akan semakin memperkuat maksud dari postingan tersebut. Tapi banyak yang tidak suka dan sedikit kesal karena gambar yang disisipkan memliki border atau bingkai. Anda tidak perlu bingung, ini dikarenakan desain template yang berbeda-beda. Anda dapat menghilangkan bingkai gambar tersebut bila anda mau. Agar gambar yang dihasilkan tidak memiliki bingkai, anda harus menambahkan kode border="0" pada setiap gambar yang dipasang.

Contoh: misalnya URL gambar yang akan anda sisipkan adalah http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif. Agar gambar tersebut tidak memiliki border/bingkai, kita harus menambahkan kode border="0" sehingga menjadi <img src=" http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif " border="0">.

Apabila setelah melakukan cara diatas gambar yang dihasilkan tetap memiliki border, berarti anda harus mengutak-atik sedikit style sheet css anda. Jangan khawatir, caranya cukup mudah. Ikuti langkah-langkah dibawah ini:

1. Sign in diblogger anda

2. Klik Layout

3. Lalu klik Edit HTML

4. Klik Download Template Lengkap sebagai backup data.

5. Beri tanda tik/cek pada kotak Expand Template Widget

6. Tunggu sampai proses selesai

7. Cari kode berikut pada css anda:

.post img {
padding:4px;
border:1px solid $bordercolor;
}

8. Ubah angka 1 menjadi angka 0, sehingga kodenya menjadi seperti ini:

.post img {
padding:4px;
border:0px solid $bordercolor;
}

9. Klik SIMPAN TEMPLATE

10. Selesai.