Cara membuang border image

Cara membuang border image

 previw_______

Sebelum:

Sesudah:

Biasanya gambar yang diupload  secara otomatis akan disetkan border pada kelilingnya. Bagi para blogger, ini mungkin nampak agak gimana gituh..., lebih-lebih lagi kalau background post berwarna hitam. Terpulang pada citarasa masing-masing. Bagi mereka yang tidak senang dengan border tersebut, di sini ada disediakan tutorial cara untuk menghapusnya! ^_^

Caranya:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kode

.post-body img, .post-body .tr-caption-container,

4) Setelah dapat kode .post-body img, .post-body .tr-caption-container, kamu akan melihat kode yang seperti bawah ini:

.BlogList .item-thumbnail img {

padding: $(image.border.small.size);

background: $(image.background.color);

border: 1px solid $(image.border.color);

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

Cataan :
Pada angka yang berwarna biru, kamu ganti dengan  0

Contoh:

.BlogList .item-thumbnail img {

padding: $(image.border.small.size);

background: $(image.background.color);

border: 0px solid $(image.border.color);

-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);

5) Setelah di ganti, klik preview, jika tiada error, klik save template dan lihat hasilnya.

Selamat mencoba! :)