53 Menghilangkan Border Image

Buat para blogger yang suka memasang gambar pada blognya, sering kali menghadapi sedikit gangguan yaitu gambar yang dipasang mempunyai border/bingkai gambar berbentuk kotak. nah bagi para blogger yang ingin menghilangkan border ini, ada sedikit tips untuk menghilangkannya yang saya kutip dari blog kang Rohman (www.kolom-tutorial.blogspot.com).
Cara untuk menghilangkan border yaitu kita harus membiasakan diri menambahkan kode border="0" pada setiap gambar yang di pasang. Sebagai contoh sebuah alamat gambar seperti ini :

http://amen24.googlepages.com/face5.gif
Untuk membuat gambar, bisakan menyisipkan kode border="0", contohnya :
<img src="http://amen24.googlepages.com/face5.gif" border="0">

Bagaimana jika kita sudah menambahkan kode border="0", akan tetapi gambar masih tetap mempunyai border/kotak. Nah untuk kejadian yang satu ini, maka style sheet css anda yang harus di modifikasi. Langkah-langkahnya sebagai berikut :

Untuk yang memakai template klasik :

1. Sign in di blogger
2. Klik menu Template
3. Klik menu Edit HTML
4. Copy seluruh kode HTML template anda, lalu paste pada notepad, kemudian save untuk backup untuk mengantisipasi apabila ada kesalahan editing.
5. Cari kode berikut pada css sobat (ini contoh saja):

.post img { <-- perhatikan kode inipadding:4px;border:1px solid $bordercolor; <-- yang di rubah kode yg ini}
tentunya setiap template berbeda-beda, akan tetapi biasanya selalu ada kode .post img

6. ubah angka 1 (satu) menjadi angka 0 (nol), sehingga kodenya menjadi seperti ini :
   .post img { padding:4px;border:0px solid $bordercolor; }
7. klik tombol Simpan Perubahan Template
8. Selesai.

Untuk yang memakai template baru :

1. Sign in
2. Klik menu Layout
3. Klik menu Edit HTML
4. Klik tulisan Download Template Lengkap, silahkan save dulu template anda untuk backup data
5. Klik kotak kecil di samping tulisan Expand Template Widget
6. Tunggu beberapa saat sampai proses selesai
7. Cari kode berikut pada css sobat (ini contoh saja):
   .post img { <-- perhatikan kode inipadding:4px;border:1px solid $bordercolor; <-- yang diubah kode yg ini}
   tentunya setiap template berbeda-beda, akan tetapi biasanya selalu ada kode .post img
8. ubah angka 1 (satu) menjadi angka 0 (nol), sehingga kodenya menjadi seperti ini :
   .post img { padding:4px;border:0px solid $bordercolor; }
9. Klik tombol SIMPAN TEMPLATE
10. Selesai.