Cara Menghilangkan Border Gambar dalam Postingan

Tahukah teman-teman apa itu border gambar? Border, dapat kita sebut juga sebagai garis tepi, oleh karena itu border gambar adalah garis tepi suatu gambar. Di postingan kali ini kita membahas bagaimana cara menghilangkan border atau garis tepi gambar tersebut, dan tentunya yang terdapat di dalam postingan kita. Kalau teman-teman bertanya mengapa border harus dihapus? Sebenarnyaborder tidak harus dihapus, hanya saja bagi teman-teman yang menginginkannya monggo diperaktekkan, masalahnya menurut saya pribadi kalau suatu gambar yang ada di postingan tu ada bordernya keliatannya kurang bagus (ingat, ini pendapat saya lho) dan kelihatan kaku jika dipandang. Agar lebih jelas, teman-teman bisa melihat contoh tampilan berikut ini:

Setelah teman-teman mengamati 2 gambar di atas maka pertanyaannya adalah "Adakah perbedaan antara dua gambar di atas?

Jawabannya adalah: ADA, yaitu gambar satu memiliki border, sedangkan gambar dua tidak memiliki border.

Dengan begitu sekarang kita sudah tahu pasti bahwa kegunaanborder gambar hanya untuk sekedar pemisah antara suatu gambar dengan dinding posting, entah itu pemisah objek gmbar atau warna gambar.

Nah, bagi teman-teman yang ingin membuat tampilan gambar postingannya yang tadinya seperti nomor satu dan sekarang berubah menjadi no. dua, silahkan diperaktekkan langkah2 berikut:


1. Login ke Blogger >> klik Tata Letak/Rancangan >> Edit HTML

2. Lalu cari kode berikut: (cukup cari "post img" dgn Ctrl+F)

.post img {
padding: 4px;
border: 1px solid $borderColor;

atau kode ini

.post-body img {

padding: 8px;

background: $(image.background.color);

border: 1px solid $(image.border.color);

3. Selanjutnya, yang perlu teman-teman perhatikan adalah pada kata-kata/kodeborder: 1px, maka tulisan "1px" tersebut bisa teman-teman ganti dengan "0px", dengan begitu seluruh border gambar yang terdapat di dalam postingannya teman-teman akan hilang semua.

4. bagi teman-teman yang ingin memunculkan border gambarnya kembali, maka caranya gampang. Tinggan diubah nilai "0px" menjadi angka di atas "0/nol". Dan ingat, semakin besar angkanya, maka semakin tebal bordernya.

5. Selesai, jangan lupa disimpan hasil kerjaannya.


Coba sekarang teman-teman tengok gambar-gambar yang terdapat dalam postingannya teman-teman...

Mudah-mudahan bermanfaat.Keywords:cara menghilangkan border gambar pada postingan, menghilangkan garis tepi gambar blogger, how to remove picture border in your post

Untuk kemajuan Blog Ini Silahkan isi Kotak Komentarnya Ya.. (For blog development, please fill the following blog comment Pal

Share |

Related Post