Solusi Menghilangkan Spasi Atau Ruang Kosong Dibawah Gambar

Jumat, 27 Juli 2018

Bagi teman-teman yang pernah melihat adanya Spasi atau Ruang Kosong dibawah gambar itu biasanya disebut Gap, akan terasa sangat menjengkelkan bukan apalagi jikalau kita mau tampilan pada template blog kita terlihat rapi.

Mungkin ada sebagian dari teman-teman kangwira yang bertanya kepada saya bagaimana solusinya menghilangkan Spasi atau Ruang Kosong dibawah gambar biar tidak terlihat background dari section yang sudah dibentuk pada masing-masing template.


Teman-teman biasanya akan mengalami hal ini saat kau menempelkan gambar pada bab sidebar. Karena biasanya pada section sidebar selalu diberikan background berwarna, contohnya Putih atau Abu-abu.

Jika teman-teman perhatikan teladan yang sudah saya sisipkan berikut ini, teman-teman akan melihat background putih sempurna dibawah gambar pada sidebar sebuah blog.

(perhatikan pada kotak berwarna merah)

Mengesalkan bukan apabila melihat ruang putih tersebut muncul dibawah gambar menyerupai pada teladan yang sudah kau lihat tadi?

Hal kecil ini sebenernya sangat kuat terhadap nilai kebersihan dari sebuah blog. Hal ini tentunya akan berdampak baik pada first impression para pengunjung blog.

Nah untuk teman-teman yang pernah mengalami hal ini, teman-teman dapat ikuti beberapa langkah dibawah ini untuk mengatasi adanya Spasi atau Ruang Kosong dibawah Gambar.

Cara Hapus Background Putih dibawah Gambar

1. Masuk kedalam akun Blog kau terlebih dulu.
2. Masuk kedalam Menu Edit HTML yang ada didalam Dashboard blog kamu.
3. Setelah itu cari arahan CSS img{ dan tambahkan arahan display: block; didalam arahan CSS img tadi.

Teman-teman dapat lihat teladan kodenya dibawah ini.

img {      width: 200px;      height: 200px;      display: block; } 

Kode diatas hanya sebuah teladan saja yah teman-teman. Mungkin ada banyak perbedaan arahan pada setiap css yang dipakai dalam setiap templatenya, jadi teman-teman hanya perlu lakukan langkah ketiga saja.

Selesai.

Share This :