Menghilangkan Border Gambar Blog

Selamat malam sahabat blogger dimana pun sobat berada. Posting seurune kali ini mengenai border pada gambar. Fungsi dari border gambar sendiri adalah sebagai pembatas gambar atau bisa disebut juga bingkai gambar.

Template yang standar biasanya memakai border gambar. Tapi bagaimana jika anda ingin border tersebut dihilangkan?.

Jika anda ingin menghilangkan border gambar ini, maka setiap postingan gambar anda tidak akan ada lagi border/bingkai. Namun tips ini berguna untuk anda yang memakai icon emotion dalam blog anda. Karena dengan hilangnya border pada icon tersebut, icon anda akan tampak lebih hidup.

Jika anda ingin menggunakannya, ikuti langkah-langkah di bawah ini.

1. Login Blog anda.

2. Pilih Rancangan dan klik Edit HTML.

3. Beri tanda pada kotak Expand Template Widget.

4. Backup dulu template blog anda, untuk menghindari kesalahan kode.

5. Cari kode dibawah ini

.post img {
padding: 1px;
margin: 0px 15px 15px 0px;
border: 1px solid #f0f0f0
}

6. Perhatikan pada nilai yang berwarna merah tebal. Ubahlah nilai tersebut menjadi 0
7. Sehingga kode tersebut menjadi seperti dibawah ini

.post img {
padding: 1px;
margin: 0px 15px 15px 0px;
border: 0px solid #f0f0f0
}

8. Simpan template anda.

Catatan :

Bila anda ingin border gambar menjadi lebih besar, maka ubahlah nilai yang berwarna merah tebal pada kode diatas menjadi lebih besar lagi.

Selamat mencoba

Update :
Bila anda tidak menemukan kode .post img maka cari kode .post-body img

Setiap kode template tidaklah sama. Namun sang perancang template blog selalu membuat mudah dan menggunakan kode yang universal digunakan.

Alhamdulillah