Tuesday, 13 September 2016

Cara Menghilangkan Bingkai Pada Gambar di Blog

Banyak blogger pemula yang risih dengan bingkai dari gambar yang mereka unggah dalam blog mereka, termasuk saya dulu.

Saya sering mendapati diblog saya setelah saya mengunggah gambar untuk melengkapi tulisan saya, saya mendapati bingkai putih tebal atau berwarna dan beberapa bentuk lainnya. Namun setelah saya mempelajari setiap blog yang menuliskan tentang blog, saya akhirnya tahu bagaimana cara untuk menghilangkan bingkai pada gambar yang telah diunggah kedalam blog.

Dalam template bawaan blogger biasanya setelah mengunggah foto atau gambar akan muncul bingkai putih atau berwarna pada gambar tesebut, itulah yang saya sebut dengan bingkai atau border.

Lalu bagaimana cara menghilangkan bingkai atau border tersebut? jawabannya Anda hanya perlu mempelajari cara berikut ini.

Pertama
Anda terlebih dahulu login pada blog Anda kemudian pada menu blog Anda pilih Template lalu Sesuaikan.
Klik Gambar Untuk Memperjelas

Kedua
Jika Anda telah berada pada tampilan sesuaikan template pilih Tingkat Lanjut kemudian scroll ke bawah dan pilih Tambahkan CCS, akan muncul kotak CCS khusus. dan masukan kode berikut ini pada kolom CCS khusus tersebut.

.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;
}
Klik Gambar Untuk Memperjelas
Jika sudah Anda hanya melakukan tahap ketiga.

Ketiga
Anda hanya tinggal menyimpan template Anda yang telah Anda sesuaikan, kemudian lihat hasilnya pada blog Anda.

Bagaimana, cukup mudahkan. Walau harus berhubungan dengan kode HTML tapi cukup mudah dilakukannya jika Anda memperlajari cara menghilangkan bingkai atau border pada blog Anda.

Sekian dan Terima kasih.

No comments:

Post a Comment