Menghilangkan Border Atau Garis Pinggir Pada Gambar

Gambar pada postingan terlihat terlalu ramai dan sedikit kurang greget kalau gambarnya masih terlihat garis pinggirnya. Untuk menampilkan gambar pada postingan tanpa border atau garis pinggir akan terlihat lebih menyatu
dengan halaman post, atau ingin sekedar mau tahu cara menghilangkannya. Berikut langkah-langkahnya sebagai berikut :

1. Login ke akun Blogger anda, pilih menu Template dan pilih Edit HTML
2. Kemudian cari kode .post img atau .post-body img. Tekan "Ctrl + F" pada keyboard untuk memudahkan pencarian kode.

Perlu diketahui tiap-tiap tamplate berbeda kodenya, seperti kode di atas yang akan kita cari (berwarna merah), biasanya akan seperti berikut :

.post img {

padding: 1px;

margin: 0px 15px 15px 0px;

border: 1px solid #f0f0f0

}

atau seperti berikut

.post-body img {

  padding: 8px;

  background: $(image.background.color);

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

Yang perlu disoroti adalah nilai bordernya ganti angka border: 1px pada menjadi 0px
simpan template dan hasilnya akan seperti berikut,



cara ini juga berlaku untuk border lainnya, silahkan belajar mengutak atik HTML dengan catatan backup dulu templatenya, untuk antisipasi kesalahan edit HTML.

Beri Kami +1 Agar Terus Semangat Menulis Untuk Anda :

Title : Menghilangkan Border Atau Garis Pinggir Pada Gambar
Hati-Hati Jika ingin Copy-Paste (15 Blog Sudah TERHAPUS Akibat DMCA Takedown)..!
Pastikan Menyertakan Link Aktif Dofollow Dengan URL :
http://odyckdnero.blogspot.com/2011/12/menghilangkan-border-atau-garis-pinggir.html

Related Post