Contoh gambar yang mempunyai border :
Atau seperti ini :
Bandingkan dengan yang ini :
Atau seperti ini :
Lebih asyik bukan jika gambar yang kita posting tidak mempunyai border/bingkai. Cara untuk menghilangkan border adalah sobat harus membiasakan diri menambahkan kode border="0" pada setiap gambar yang di pasang. Sebagai contoh saya mempunyai 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 sobat sudah menambahkan kode border="0", akan tetapi gambar masih tetap mempunyai border/kotak. Nah untuk kejadian yang satu ini, maka style sheet css sobat ada yang harus di modifikasi. Silahkan ikuti langkah-langkah berikut ini!
Untuk yang memakai template klasik :
- Sign in di blogger
- Klik menu Template
- Klik menu Edit HTML
- Copy seluruh kode HTML template sobat, lalu paste pada notepad, kemudian save untuk backup apabila ada kesalahan editting
- Cari kode berikut pada css sobat (ini contoh saja):
- Rubah angka 1 (satu) menjadi angka 0 (nol), sehingga kodenya menjadi seperti ini :
- klik tombol Simpan Perubahan Template
- Selesai.
.post img { <-- perhatikan kode ini
padding:4px;
border:1px solid $bordercolor; <-- yang di rubah kode yg ini
}
tentunya setiap template berbeda-beda, akan tetapi biasanya selalu ada kode .post img
.post img {
padding:4px;
border:0px solid $bordercolor;
}
Untuk yang memakai template baru :
- Sign in
- Klik menu Layout
- Klik menu Edit HTML
- Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data
- Klik kotak kecil di samping tulisan Expand Template Widget
- Tunggu beberapa saat sampai proses selesai
- Cari kode berikut pada css sobat (ini contoh saja):
- Rubah angka 1 (satu) menjadi angka 0 (nol), sehingga kodenya menjadi seperti ini :
- Klik tombol SIMPAN TEMPLATE
- Selesai.
.post img { <-- perhatikan kode ini
padding:4px;
border:1px solid $bordercolor; <-- yang di rubah kode yg ini
}
tentunya setiap template berbeda-beda, akan tetapi biasanya selalu ada kode .post img
.post img {
padding:4px;
border:0px solid $bordercolor;
}
Bagaimana sobat, mudah-mudahan expresi sobat lebih bebas karena sudah tidak di ganggu lagi dengan adanya border.
Salam buat blogger semua.
Sumber : http://kolom-tutorial.blogspot.com/2007/07/tips-menghilangkan-border-image.html
5 komentar:
Rooster Jobs is for Job Seekers to search for USA Job, Jobs USA, USA jobs and Recruiters
for searching the potential Job Seekers and Applicants.
contact us at:
www.roosterjobs.com
thank for info
Agen Bola
Agen Poker
Agen Sbobet
Agen Judi Bola
Bandar Bola
Situs Taruhan Bola
Website Taruhan
Would you be interested in exchanging links?
Click Here
Mentaframework.org
Would you be interested in exchanging links?
Information
Click Here
Tapas.io
I’d have to check with you here. Which is not something I usually do! I enjoy reading a post that will make people think. Also, thanks for allowing me to comment!
Click Here
Visit Web
Posting Komentar