Menghilangkan Border Gambar di Postingan Blog

Ada dua cara untuk menghilangkan border gambar yang ada di postingan blogger. Cara 1 yaitu dengan mengedit CSS pada kode HTML template dan cara 2: mengedit pada kode gambar.
Langsung saja kita mulai pada cara 1:

• Login > Tata Letak > Edit HTML
• Cari kode CSS berikut:
  
  .post img {
  padding:4px;
  border:1px solid $bordercolor;
  
  
  
• ganti kode berwarna merah dengan none sehingga menjadi seperti ini
  
  .post img {
  padding:4px;
  border:none;
  }
  


• Jangan lupa untuk mencet tombol Simpan Template

Cara 2:

• Cari kode HTML gambar yang telah diunggah alias diupload
  
• Cari kode img style
  
  <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe12ARY58kpP9aTlYXNzWVygldhX0TXZ1mWHpYaPIuR-sExGKVSINo5ncAc3WR_fFTG0NZYcX_8QrLcbaXdKDAwCMC-TO3Vf_ukeViG8sjFt3OcTM1b-J-vvn9myiU7nbPmASMg2XdNw4h/s1600-h/pensil.gif"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 152px; height: 106px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe12ARY58kpP9aTlYXNzWVygldhX0TXZ1mWHpYaPIuR-sExGKVSINo5ncAc3WR_fFTG0NZYcX_8QrLcbaXdKDAwCMC-TO3Vf_ukeViG8sjFt3OcTM1b-J-vvn9myiU7nbPmASMg2XdNw4h/s400/pensil.gif" alt="" id="BLOGGER_PHOTO_ID_5322537014934564786" border="0" /></a>
  


• Tambahkan kode CSS border: none; di dalam style. Sehingga menjadi seperti ini
  
  <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe12ARY58kpP9aTlYXNzWVygldhX0TXZ1mWHpYaPIuR-sExGKVSINo5ncAc3WR_fFTG0NZYcX_8QrLcbaXdKDAwCMC-TO3Vf_ukeViG8sjFt3OcTM1b-J-vvn9myiU7nbPmASMg2XdNw4h/s1600-h/pensil.gif"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 152px; height: 106px; border: none;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe12ARY58kpP9aTlYXNzWVygldhX0TXZ1mWHpYaPIuR-sExGKVSINo5ncAc3WR_fFTG0NZYcX_8QrLcbaXdKDAwCMC-TO3Vf_ukeViG8sjFt3OcTM1b-J-vvn9myiU7nbPmASMg2XdNw4h/s400/pensil.gif" alt="" id="BLOGGER_PHOTO_ID_5322537014934564786" border="0" /></a>


• Selesai.

Bagi para master yang menemukan kesalahan pada artikel ini, mohon tinggalkan komentar. Terimakasih

Artikel terkait yang mungkin anda sukai