Membuat gambar postingan blogger menjadi responsive

Setelah berhasil merubah bentuk blog menjadi responsive alias mampu beradaptasi pada beberapa ukuran layar, sebaiknya gambar postingan dibuat responsive juga.

Tujuannya ialah pada saat kita memakai gambar postingan dengan ukuran ekstra besar, maka gambar akan pas atau mampu beradaptasi dengan resolusi layar yang kecil semisal layar smarthphone.

Cara ini saya terapkan pada tema lama bawaan blogger dengan nama simple bold, mungkin bekerja di tema lama bawaan blogger yang lainnya.

Berikut cara membuat gambar postingan responsive

1. Pertama, anda login ke blogger.com.
2. Berikutnya anda klik Tema, Edit HTML.
3. Berikutnya anda salin kode berikut ini.

.post-body img {max-width: 100%; height: auto;}.separator a{margin-left:0px !important; margin-right:0px !important;}

4. Berikutnya anda letakkan kode tersebut diatas kode ]]></b:skin>

5. Terakhir anda klik Simpan.

Bagi anda yang menggunakan tema-tema baru bawaan blogger semisal essential, emporio, soho, contempo abaikan saja cara ini karena tema-tema tersebut memang sudah dibuat responsive, semoga bermanfaat.