CSS Agar Gambar Di Postingan Menjadi Responsive Otomatis

Menampilkan situs yang mobile friendly bagi pengunjung sangatlah harus. Terlebih lagi tidak semua visitor blog kita menggunakan tampilan desktop mungkin setengahnya menggunakan layar telepon pintar. Maka dari itu anda harus mendesign situs supaya support bagi pengguna mobile. Mobile friendly sangat erat kaitannya dengan responsive.

Responsive disini bisa anda terapkan di blog anda,bisa di menu navigasi,header,dan juga gambar. Nah biasanya untuk template yang memang sudah didesign responsive kita tidak perlu repot untuk menambahkan kode agar responsive,namun kadang ada beberapa bagian yang tidak responsive salah satunya gambar.

Maka dari itu kali ini saya akan membagikan sebuah tutorial cara membuat gambar menjadi responsive. Bagaimana caranya? Berikut ini langkahnya :

Membuat Gambar Responsive

Anda cukup login blogger,pilih Template → Edit HTML. Lalu salin kode dibawah ini dan letakkan diatas kode ]]></b:skin> atau </style>

.post-body img {
  max-width:100%;
  height:auto;
}

lalu simpan template.

Langsung buka blog sobat dengan mobile untuk melihat apakah gambar sudah menjadi responsive. Cukup sekian artikel cara membuat gambar menjadi responsive otomatis. Semoga membantu dan bermanfaat.