Ini dia Cara Menghilangkan Border Image di Foto Blog. Sebaliknya, ini pula Cara membuat Border Image di Foto Blog jika menginginkannya. Intinya, cukup mengganti angka 1 (satu) atau 2 (dua) menjadi angka 0 (nol) di bagian kode, semisal "border: 1px solid #dddd;" menjadi "border: 0px solid #dddd;"
1. Login > Dashboard
2. Template > Edit HTML
3. Cari kode di bawah ini (pastinya tiap template beda-beda, makanya dikasih banyak alternatif), namun umumnya diawali kode .post img
.post img {
border:1pxsolid $bordercolor;
margin:4px;
padding:4px
}
ATAU
.post img {
padding:4px;
border:1px solid $bordercolor;
}
ATAU
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: $(image.border.small.size);
background: $(image.background.color);
border: 0px solid $(image.border.color);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
box-shadow: 1px 0px 0px rgba(0, 0, 0, .1);
}
ATAU
.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;
}
Untuk kemudahan pencarian kode di atas, gunakan tombol Find atau tekan Ctrl + F, masukan kode
.post img {
4. Ganti nilai border: 1px menjadi border:0px;
5. Save Tamplate!
Good Luck!
