Copyright by tettytanoyo. Powered by Blogger.

[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

9 comments

  1. aq juga suka yg tanpa border
    biar foto hasil design kita
    lebih maksimal viewednya
    dan,....
    yeeeeyy berhasiill maaaaaak,,
    jazakillah untuk tutorialnya ya mak
    :-*

    ReplyDelete
  2. Ohh...gitu ya cara menghilangkan border pada postingan? Tapi pakai kode2an seperti itu ya?

    ReplyDelete
  3. Tinggal dicari kodenya aja Mak, di template blogspot kita (ikutin tutorial yg di atas).. Cemungguuttt Mak :)

    ReplyDelete
  4. makasih mak tutorialnya,kapan2 dicoba hehehe
    salam kenal^^

    ReplyDelete
  5. Mau nyobak ah mbak...tfs yak :)

    ReplyDelete
  6. ooo ternyata di edit html-nya ya...pantes gak nemu :D

    ReplyDelete

Terima kasih telah berkunjung ke blog ini, silakan tinggalkan komentar yang baik dan positif ya :D