Cara Menghilangkan Border pada gambar Postingan

Selamat Sore sobat, kali ini saya akan berbagi tutorial menghilangkan border pada gambar postingan bog kita, border sendiri berfungsi untuk memisahkan antara gambar dengan teks pada postingan kita sehingga terlihat rapi dan jelas.

Namun seringkali border sendiri justru malah membuat gambar pada postingan kita terlihat jelek dan kaku, naah untuk mengatasi problem tersebut saya sengaja memposting artikel ini. langsung saja sobat bisa lihat langkah-langkahnya dobawah ini.

*) NOTE : Perhatikan langkah-langkah secara cermat dan teliti untuk menghindari terjadinya error dan sangat disarankan bagi sobat untuk membackup terlebih dahulu template sobat sebelum mengedit HTML.

1. login ke Blogger >> klik Tata letak >> Edit HTML

2. lalu cari kode berikut ini (.post-body) gunakan CTRL+F untuk mempermudah.

3. Jika benar, maka sobat akan menemukan code berikut ini tepat dibawahnya

.BlogList .item-thumbnail img {
padding: 2px;
background: transparent;
border: 1px solid #00ff00;
-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);

 Ganti nilai 1px menjadi 0px , sehingga akan menjadi seperti ini :

.BlogList .item-thumbnail img {
padding: 2px;
background: transparent;
border: 0px solid #00ff00;
-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);

4. Klik Simpan Template,lalu lihat hasilnya.

---

Regard : Sugimin Lifehacker

---