Pada beberapa template Blogger responsive yang pernah saya gunakan, saya mengalami persoalan di mana gambar yang saya unggah dalam artikel posisinya tidak pas sehabis pos tersebut diterbitkan. Maksud saya, ada ruang kosong di penggalan sebelah kiri gambar. Untuk lebih jelasnya, dapat dilihat pada gambar atas.
Sebagai informasi, ukuran gambar di atas saya setel menjadi "Original size" di mana lebar orisinil gambar tersebut yakni melebihi dari lebar area posting pada template yang sedang saya gunakan ketika ini, yaitu News Mag Responsive Magazine/News Blogger Template. Posisi gambar saya atur menjadi "Center". Selain itu, saya juga menambahkan "title" dan "alt" pada gambar tersebut sehingga arahan HTML-nya menjadi menyerupai di bawah ini.
Ternyata, persoalan yang menyebabkan gambar tidak "center" ini yakni adanya arahan style="margin-left: 1em; margin-right: 1em;". Oleh sebab itu, sehabis arahan ini dihapus dan artikel diperbarui, maka posisi gambar akan menjadi menyerupai di bawah ini.
Nah, kini gambar sudah terlihat pas di mana margin-nya sudah tidak ada lagi. Dengan cara ini, berarti kita harus menghapus arahan tersebut sebelum menerbitkan artikel. Lalu, bagaimana bila kita sudah mempunyai banyak artikel sebelumnya? Apa kita perlu mengedit artikel satu per satu? Tentunya hal ini akan memakan waktu dan tenaga serta kuota internet.
Ada solusi lain yang saya lakukan selain menghapus arahan tersebut secara manual. Bagaimana caranya? Caranya yakni Blogger > Template > Edit HTML > letakkan arahan di bawah ini sebelum ]]></b:skin>.
Setelah itu, klik tombol "Simpan template".
Begitulah trik yang saya lakukan dalam "menghilangkan" margin pada gambar di artikel Blogger.
Namun, saya menemukan persoalan gres sehabis memasukkan arahan tersebut di template, yaitu jikalau saya memasang gambar di artikel dalam posisi "Left" atau kiri, maka penggalan kiri teks artikel akan "mepet" setinggi gambar tersebut. Sumber https://www.klikmunadi.web.id/
Sebagai informasi, ukuran gambar di atas saya setel menjadi "Original size" di mana lebar orisinil gambar tersebut yakni melebihi dari lebar area posting pada template yang sedang saya gunakan ketika ini, yaitu News Mag Responsive Magazine/News Blogger Template. Posisi gambar saya atur menjadi "Center". Selain itu, saya juga menambahkan "title" dan "alt" pada gambar tersebut sehingga arahan HTML-nya menjadi menyerupai di bawah ini.
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikidJ9t4FrrPf1PfyNtOoWtTtZGcO5KnSTVNjUdiBpwa6-tMEO8cXB23DlRQ8pqAD9qqeNx8zFV8bUyO_EWuK8t2puh7c5abmyDGPHhisPbzh8ozfm8gzDQDcyx5hG7g5Cu5yfvlQNJEzV/s1600/Lanskap.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Pada beberapa template Blogger responsive yang pernah saya gunakan Trik Menghilangkan Margin pada Gambar di Artikel Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikidJ9t4FrrPf1PfyNtOoWtTtZGcO5KnSTVNjUdiBpwa6-tMEO8cXB23DlRQ8pqAD9qqeNx8zFV8bUyO_EWuK8t2puh7c5abmyDGPHhisPbzh8ozfm8gzDQDcyx5hG7g5Cu5yfvlQNJEzV/s1600/Lanskap.jpg" title="Trik Menghilangkan Margin pada Gambar di Artikel Blogger" /></a></div>
Ternyata, persoalan yang menyebabkan gambar tidak "center" ini yakni adanya arahan style="margin-left: 1em; margin-right: 1em;". Oleh sebab itu, sehabis arahan ini dihapus dan artikel diperbarui, maka posisi gambar akan menjadi menyerupai di bawah ini.
Nah, kini gambar sudah terlihat pas di mana margin-nya sudah tidak ada lagi. Dengan cara ini, berarti kita harus menghapus arahan tersebut sebelum menerbitkan artikel. Lalu, bagaimana bila kita sudah mempunyai banyak artikel sebelumnya? Apa kita perlu mengedit artikel satu per satu? Tentunya hal ini akan memakan waktu dan tenaga serta kuota internet.
Ada solusi lain yang saya lakukan selain menghapus arahan tersebut secara manual. Bagaimana caranya? Caranya yakni Blogger > Template > Edit HTML > letakkan arahan di bawah ini sebelum ]]></b:skin>.
.separator a {margin-left: 0 !important;margin-right: 0 !important;}
Setelah itu, klik tombol "Simpan template".
Begitulah trik yang saya lakukan dalam "menghilangkan" margin pada gambar di artikel Blogger.
Namun, saya menemukan persoalan gres sehabis memasukkan arahan tersebut di template, yaitu jikalau saya memasang gambar di artikel dalam posisi "Left" atau kiri, maka penggalan kiri teks artikel akan "mepet" setinggi gambar tersebut. Sumber https://www.klikmunadi.web.id/