Cara menghilangkan margin pada gambar di blog

Postingan di blog biasanya banyak mengandung gambar, baik sebagai penjelas maupun sekedar penghias post agar lebih keren. Biasanya gambar akan di set algin center (posisi berada di tengah) agar lebih enak dilihat. Walaupun sudah di posisikan ditengah masih ada kendala lagi yaitu ketika blog dilihat dari smartphone / hp, gambar yang ditengah tadi kelihatan agak melenceng ke-kiri dikarenakan blog otomatis menambahkan css. Setiap gambar di blog akan memiliki code seperti dibawah ini

<a href="(link URL)" style="margin-left: 1em; margin-right: 1em;">
      <img src="(image URL)" />
</a>

Contoh di blog saya, gambar tetap melenceng ke kanan meskipun sudah align center

Nah hal ini lah yang akan saya bagikan tutorialnya yaitu cara menghilangkan margin-left serta margin-right pada gambar post blogger agar gambar tetap ditengah meskipun dilihat dari smartphone / hp. Kalo satu-satu sih cukup manual aja hapus kedua css tersebut, namun cara tersebut akan lama jika postingan kita banyak, jadi kita akan menindah css tersebut dengan menambahkan css di template costumize. Caranya yaitu:

1. Pergi ke Blogger Dashboard > Your blog > Template > Customise > Advanced > Add CSS
2. Kedua tambahkan CSS berikut:

.separator a {
margin-left: 0 !important;
margin-right: 0 !important;
}

Sekian tutorial dari saya, semoga membantu dan semoga tidak error.