Welcome to MySide

Cara Menghilangkan Border Image di Foto Blog

border image blog
Semua foto/ilustrasi di blog ini ada border (pembatas) atau bingkai. Itu namanya "border image". Sebagain blogger mungkin merasa kurang "sreg" dengan border image. Bagaimana cara menghilangkannya?

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!

Subscribe to receive free email updates: