Ada berbagai cara yang dilakukan untuk membuat gambar yang kita sisipkan baik di dalam postingan maupun disisi lainnya di dalam blog menjadi responsive, ada yang pakai manual dan ada yang pakai cara otomatis, kali ini saya akan berbagi kepada anda bagaimana Cara membuat gambar di blog menjadi responsive 100%, cara ini otomatis membuat semua gambar di blog menjadi responsive, sehingga anda tidak perlu mengedit lagi gambar agar menjadi responsive.
Ilustrasi Gambar yang tidak responsive akan tampak seperti dibawah ini, ini adalah ilustrasi contoh sebuah gambar blog yang letaknya didalam postingan justru malah keluar ke sisi kanan hingga menutupi sidebar.
.post-body img {max-width:100%;height:auto;}
Atau anda juga bisa menambahkan Kode berikut
.separator a {margin-left:0px !important;margin-right:0px !important;}
.post img {max-width:100%;height:auto;}
Simpan kembali template dan lihat hasilnya.