Cara Membuat Gambar Menjadi Responsive di Blogger

Deferon.com - Pernahkah anda mengalamai hal yang sama seperti saya ini, masalah yang saya alami saat ini yaitu ketika saya memposting sebuah artikel yang dimana di dalam artikel tutorial yang saya buat ini di lengkapi dengan gambar gambar panduannya jadi ketika saya posting artikel saya ini gambarnya tidak responsive alias gambar terpotong dan hanya tampil setengah saja dari gambar ini maka dari itu saya heran dan kebingungan bagaimana cara mengatasi gambar yang tidak responsive ini agar menjadi gambar yang responsive dan bisa menyesuaikan diri ketika di buka di browser mana pun baik menggunakan mobile ataupun menggunakan PC. Ketika mencari cara sana sini dan akhirnya saya menemukan sebuah cara mudah bagaimana cara mengatasi gambar yang tidak responsive di blogger caranya cukuplah mudah anda tinggal memasang sedikit kode css saja di dalam template blog anda dan setelah itu gambar yang awalnya tidak responsive itu akan menjadi responsive dan akan tampil menyesuaikan tersendirinya dimana akan di buka. Jadi buat anda yang ingin membuat gambar postingan yang ada di artikel anda menjadi responsive bisa mengikuti tutorial di bawah ini dengan benar perhatikan langkah-langkahnya satu persatu


 Contoh Gambar Yang Tidak Responsive Terpotong :







Langkah-langkahnya :

1. Masuk ke akun blogger anda
2. Pilih Menu Template ⟶ Edit Template




3. Letakkan kode CSS di bawah ini tepat di atas kode : ]]></b:skin> atau </style>


 Kode CSS


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


4. Jika sudah simpan template yang baru saja sobat edit tadi setelah itu buka kembali situs anda dan lihat hasilnya gambar yang awalnya tidak responsive terpotong sekarang sudah menjadi responsive
5. Bagaimana sobat mudah bukan bagaimana cara membuat gambar menjadi responsive di blogger sekian dari saya semoga artikel ini bermanfaat buat anda yang membutuhkan


 Hasil Gambar Sudah Tidak Terpotong Lagi :







Cara Membuat Gambar Menjadi Responsive di Blogger