Jika anda mengupload gambar di postingan blog dengan templete tertentu maka akan otomatis gambar tersebut akan mempunyai border . Hal ini akan mempengaruhi penampilan blog anda sehingga terlihat kurang rapi dan jelek .
Berikut ini adalah contohnya:
 |
| dengan border |
 |
| tanpa border |
Blog akan terlihat rapi dan enak di lihat jika tidak ada border pada gambar. Hal ini terlihat seperti sepele, namun ini dapat mempengaruhi pengunjung pada blog anda. karena pengunjung menginginkan artikel yang dibaca rapi dan enak dilihat sehingga bisa berlama-lama dan betah berkunjung ke blog anda.
Disini saya menjelaskan tentang 2 cara :
1. Template >> Edit HTML
2. Template >> Sesuaikan
Berikit ini Cara Menghilangkan Garis atau Border di Blog dengan Edit HTML :
2. Pilih Template kemudian Edit HTML
3. masuk ke pencarian .tekan tombol ctrl + f agar muncul kotak search.
4.1. Carilah kode berikut pada kolom pencarian :
-Setelah menemukannya gantilah kode berikut :
border:1px solid $bordercolor;
}
-Menjadi :
border:0px solid $bordercolor;
}
Jika tidak bisa menemukan kode diatas cobalah cara dibawah ini :
4.2. Carilah kode berikut pada kolom pencarian :
.img{
padding:4px;
border:1px solid $bordercolor;
}
-Setelah menemukannya gantilah kode berikut :
border:1px solid $bordercolor;
}
-Menjadi :
border:0px solid $bordercolor;
}
Jika belum juga bisa menemukan kode diatas cobalah cara dibawah ini :
4.3. Carilah kode berikut pada kolom pencarian :
post td{background:#fff;border:1px solid #e3e3e3;padding:10px}
-Setelah menemukannya gantilah kode berikut :
border:1px solid #e3e3e3;padding:10px}
-Menjadi :
border:0px solid #e3e3e3;padding:10px}
5. Klik "Save Template" dan selesai .
Demikian cara dengan menggunakan Edit HTML.
Berikut ini Cara Menghilangkan Garis atau Border di Blog dengan Sesuaikan :
1. Masuklah ke akun blogger anda
2. Pilih Template kemudian Sesuaikan.
3. Pilih Tingkat lanjut kemudian tambahkan CSS
4. Masukan kode script berikut :
.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;
}
5. pilih "Terapkan ke Blog" selesai
Selamat mencoba .
Demikian artikel tentang Cara Menghilangkan Garis atau Border di Blog.
Semoga bermanfaat
jangan lupa untuk share agar bisa bermanfaat untuk yang membutuhkannya
Terimakasih :)
