Membuat Semua Gambar Diblog Menjadi Responsive

Membuat Semua Gambar Diblog Menjadi Responsive

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.

Ilustrasi gambar tidak responsive

Jika anda mengalami hal tersebut dan agar hal tersebut tidak terjadi seperti gambar diatas anda hanya perlu menambahkan sedikit kode CSS kedalam template, nah Untuk membuatnya buka template editor dan tambahkan salah satu kode CSS berikut ke dalam template tepat diatas </style> atau ]]></b:skin>

.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.
Advertisement
Advertisement

Artikel Terkait

CEO sekaligus Content Specialist di trikricky.com. Jangan lupa bahagia.