Membuat gambar posting menjadi responsive

Cara membuat gambar responsive di postingan blog – penambahan gambar di dalam sebuah postingan artikel memang sangat di anjurkan, tujuan nya yaitu agar setiap pengunjung blog sobat menjadi tertarik untuk membaca artikel tersebut. 

Selain itu fungsi utama penambahan gambar tersebut yaitu agar artikel yang sobat sajikan bisa menjadi lebih informatif, variatif dan pengunjung blog lebih mudah untuk memahami apa yang sedang sobat bagikan.

Bisa di bayangkan jika dalam postingan blog sobat, hanya barisi teks saja, tentu membuat para pengunjung kurang menyukainya. Oleh karena itu sebisa mungkin untuk menambahkan gambar dalam setiap artikel yang sobat posting. 

Tips memilih gambar untuk postingan blog

Nah ngomong ngomong tentang memilih gambar diuntuk postingan blog, usahakan untukmemilih gambar yang relevan dan memiliki kualitas yang baik, agar gambar tersebut tidak pecah / noise ketika di pasang dalam postingan blog dengan ukuran large atau x-large. 

Lha tapi masalahnya ketika kita menggunakan gambar dengan kualitas yang bagus / ukuran x-large, biasanya gambar tersebut menjadi melebihi batas lebar artikel sobat. 

Apalagi jika sobat belum menggunakan template blog responsive, tentu gambar yang ada di dalam postingan sobat akan menjadi berantakan dan terkesan tidak rapi ketika di akses melalui handphone atau android. 

Nah untuk mengatasi masalah tersebut, saya akan mencoba untuk memberikan tips bagaimana cara membuat gambar di postingan blog menjadi responsive 

Cara membuat gambar di postingan menjadi responsive

Tampilan blog yang responsive, memang sangat di anjurkan, karena hal tersebut mampu meningkatkan user experience para pengunjung blog sobat. 

Sebenarnya untuk memperbaiki gambar yang tidak responsive dalam postingan blog ini caranya mudah, sobat hanya perlu menambahkan kode css saja di dalam template yang sobat gunakan. 

terkait : cara cek template sudah responsive atau belum

Kode css ini ditambahkan untuk mengatur agar lebar gambar tersebut bisa berubah secara otomatis sesuai dengan ukuran layar device yang sedang mengaksesnya. 



Caranya yaitu : 

Login terlebih dahulu ke dalam dashboard blogger. 

Masuk ke menu template > edit templates 

Kemudian pastekan kode css berikut ini tepat di atas kode ]]><b/skin> 

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

Kemudian klik save 



Nah sekarang coba lihat gambar yang ada di postingan blog sobat apakah sudah berubah menjadi responsive atau belum ?, tips cara membuat gambar postingan blog menjadi responsive ini dapat sobat terapkan pada semua jenis template. setelah itu jangan lupa untuk melakukan optimasi seo onpage di gambar blog sobat