Tips Menghilangkan Border Image

Tips Menghilangkan Border Image : Sebelum menginjak kepada tema tersebut, mungkin kita perlu “menyamakan” pemahaman tentang border ini. Yang dimaksud border di sini adalah garis yang mengelilingi suatu image yang kita upload ke halaman blog. Sehubungan dengan border tersebut, setiap blogger mempunyai kebiasaan atau kesukaan yang berbeda, sebagian lebih yang menyukai image berborder dan sebagian yang lain lebih menyukai image tanpa border. Bagaimana dengan pengunjung???

Ini contoh image yahoo emotion dengan border

Ini contoh image yahoo emotion tanpa border

Sehubungan dengan hal itu pula, saya mempunyai pengalaman tersendiri yang tentunya sedikit menjengkelkan tentang border ini. Ketika ingin memasang sebuah image yahoo emotion pada suatu postingan, saya mendapati image yahoo emotion tersebut “dihiasi” dengan kotak atau border. Saya sudah memastikan bahwa kode border=”0” sudah saya tambahkan pada kode html image-nya, seperti contoh tersebut berikut ini.

<img src="http://geocities.com/yono_pati/contoh.gif" border="0">

Ternyata, dengan penulisan tersebut, border-nya masih tetap muncul. Setelah beberapa lama akhirnya saya menemukan jawabannya. Bahwa jika kita sudah men-setting boder=”0” namun ternyata bordernya masih muncul maka kita harus merubah style sheet css yang ada di template blog milik kita.

Untuk merubahnya, langkah-langkahnya adalah sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML

Kedua, temukan kode css untuk image tersebut.

Kode-nya bisa seperti di bawah ini.

.post img {
margin:0 0 5px 0;
padding:4px;
border:1px solid $borderColor;
}

Atau bisa juga seperti di bawah ini.

.post-body img {
margin:0 0 5px 0;
padding:4px;
border:1px solid $borderColor;
}

Yang perlu diubah adalah kode yang ditandai dengan warna merah, gantilah 1px menjadi 0px pada “border:1px solid $borderColor;” sehingga menjadi “border:0px solid $borderColor;”

Ketiga, simpan template

Keempat, selesai

Sekarang pastikan image yang kita upload sudah tidak mempunyai border lagi.

Selamat Mencoba!!
Description: Tips Menghilangkan Border Image Rating: 4.5 Reviewer: Unknown - ItemReviewed: Tips Menghilangkan Border Image