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? Sebenarnya border 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
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)
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
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;
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
0 komentar:
Post a Comment