Menghilangkan Border atau Garis Tepi pada Gambar

Pernahkah anda ketika mengupload gambar untuk postingan blog, hasil gambar pada bagian tepinya muncul garis pinggir atau border, seperti contoh gambar disudut kiri atas postingan ini? Memang tidak semua template ketika mengupload gambar akan muncul garis pinggir/ tepi (border). Tetapi jika template anda termasuk yang ketika mengupload gambar pada postingan selalu muncul garis pinggir/ tepi (border) dan anda mau menghilangkan garis tepi tersebut, maka ada solusinya buat anda pada tips dibawah ini

Ikutilah beberapa langkah untuk menghilangkan garis tepi (border) :

1. Login ke Blogger. Klik Layout -> Edit HTML
2. Cari kode .post img atau .post-body img dan jika sudah ketemu biasanya kode tersebut diikuti dengan kode seperti dibawah ini:

.post img, .post a img, #front-list img, #archive img {
border:1px solid #ccc;
margin:0 10px 5px 0;
padding:2px;
}

atau

.post img {
border:5px solid #fff;
}

atau

.post img {
padding: 1px;
margin: 0px 15px 15px 0px;
border: 1px solid #f0f0f0
}

Sebenarnya setiap template mempunyai kode yang berbeda-beda. Tapi yang perlu diperhatikan adalah nilai bordernya yang berwarna merah. Sedangkan setiap template nilai bordernya juga berbeda-beda. Pastikan anda ganti angkanya dengan nilai 0.

3. Jika sudah, klik simpan/ save template
4. Selesai dan lihat hasilnya
5. Jangan lupa komentarnya dibawah ini....sukses selalu!!...

Bagi anda yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek, saya sarankan untuk anda bisa belajar di sini

Bagikan