[Tutorial] Cara Menghilangkan Border pada Image di Blogspot

Pernah posting gambar di blog kan? Nah, bagaimana tampilan gambar yang sudah kita posting?

Begini:

Gambar memiliki border

atau begini?

Gambar tidak memiliki border

Kalau saya sendiri lebih suka TANPA BORDER lalu BAGAIMANA CARA MENGHILANGKAN BORDER PADA GAMBAR?

Berikut langkah-langkahnya:

Masuk ke Dasbor>Template>Edit HTML

Kemudian tekan CTRL+F kemudian ketik .post img {

Silakan cari kode berikut ini:

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

}

Kenapa ada beberapa kode HTML? karena setiap template blog memiliki kode HTML yang berbeda-beda. Silakan sesuaikan dengan kode HTML blog masing-masing.

Kemudian GANTI SEMUA NILAI BORDER MENJADI 0px 

Setelah selesai klik SIMPAN TEMPLATE

Sekarang gambar yang diupload di Blog kita, tidak akan memiliki border lagi. 

Selamat Mencoba :)



Related Post: 

[Tutorial] Membuka Image di Photoshop Cs4