Cara Mudah menghilangkan garis tepi atau border pada gambar postingan

Posted by Azis Grafis on 12/4/11

Apakah Sobat Blogger tahu 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? Sebenarnya border tidak harus dihapus, hanya saja bagi teman-teman yang menginginkannya silakan 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 kegunaan border 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 >> Edit HTML

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

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



3. Selanjutnya, yang perlu teman-teman perhatikan adalah pada bagian yang telah ditandai dengan warna biru (border: 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...





Semoga Bermanfaat

Sumber : http://t4belajarblogger.blogspot.com/


Tags: cara menghilangkan border gambar pada postingan, menghilangkan garis tepi gambar blogger, cara cepat menghilangkan border post, cara meghilangkan garis tepi gambar blogspot

{ 1 comments... read them below or add one }

IDHAM said...

nice site. thenks atas informasinya salam kenal. follow sukses. jika ada waktu kunjungi blog saya. terima kasih atas segala informasinya.

Post a Comment