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:
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.
makasih mas....
ReplyDeleteinfo anda sangat penting bagi kemajuan blogger
salam hangat dari
www.indoster.blogspot.com
sama-sama....bagi saya kunjungan indoster juga penting. Bagi yang mau berkomentar gak usah ragu-ragu.
ReplyDelete