Sabtu, 07 Juli 2012

Cara Menghilangkan Bingkai Gambar di Posting

Bingkai gambar atau border image merupakan garis yang muncul di sekeliling gambar pada posting. Pada sebagian template, bingkai atau border ini masih muncul pada gambar yang diunggah dalam artikel. Namun, pada sebagian template yang lain, bingkai gambar ini sudah tidak terlihat lagi.

Jika dirasa kemunculan bingkai ini mengurangi nilai keindahan tampilan dari gambar itu sendiri, maka kita dapat menghilangkan bingkai tersebut. Sebenarnya kita tidak menghilangkan, hanya saja membuatnya tidak terlihat karena kita menentukan nilai ketebalan bingkai itu menjadi  nol piksel.

Border Image
Bingkai gambar
Kalau sewaktu-waktu nanti kita ingin mengembalikan border image tersebut, kita tinggal memberi nilai kembali ketebalan dari border tadi. Berikut langkah-langkah dalam menghilangkan bingkai gambar.

1. Masuk ke akun Blogger Anda.

2. Klik segitiga hitam dropdown (Opsi lainnya) lalu pilih menu "Template".

3. Klik tombol "Edit HTML" kemudian klik tombol "Lanjutkan".

4. Kemudian carilah kode yang mirip dengan kode di bawah ini (.post img).

.post img {
border:4px solid #DDDDDD;
}

5. Selanjutnya ganti ketebalan border menjadi 0px sehingga kodenya menjadi seperti di bawah ini.

.post img {
border:0px solid #DDDDDD;
}

6. Klik tombol "Simpan template" dan lihat hasilnya pada postingan Anda yang mengandung gambar.

Tidak ada komentar:

Posting Komentar