Buang border image

안녕하세요 친구들✌(✿◠‿◠)....
Sebelum :

Sesudah :

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 kod

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

4) Selepas jumpa kod .post-body img, .post-body .tr-caption-container, chingu akan nampak kod yang macam kat bawah ni:

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

Nota:
Pada nilai yang ditandakan biru, chingu tukar semua kepada  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) Lepas dah tukar, klik preview, jika tidak error, klik save template dan lihat hasilnya.