Membuat tampilan blog menjadi responsive adalah sebuah hal wajib yang harus dilakukan sekarang ini. Karena tampilan yang responsive akan lebih disukai pengunjung, terutama pengunjung yang menggunakan perangkat mobile atau hp. Tampilan yang responsive akan memberikan keuntungan yang besar.
Selain membuat tampilan blog menjadi responsive, sobat juga harus mempertimbangkan apakah tampilan posting blog sobat juga sudah responsive. Terutama pada bagian gambar. Apakah gambar yang sobat tampilkan tetap terlihat bagus saat dilihat menggunakan perangkat mobile? Jika belum, maka secepatnya sobat harus membuat tampilan gambar pada blog sobat menjadi responsive.
Caranya cukup sederhana, yaitu dengan membuka blog sobat, lalu masuk ke bagian edit template.
Masukkan kode css di bawah ini
.post img{max-width:100%; height:auto;}
Letakkan tepat di atas kode ]]></b:skin> atau di atas kode </style>
Dan simpan.
Untuk mengecek apakah tampilan gambar blog sobat sudah responsive atau belum, sobat dapat melakukan 'resizing' terhadap browser sobat atau dengan membuka blog sobat melalui hp atau perangkat mobile.
Demikian cara membuat gambar menjadi responsive pada posting blog. Semoga bermanfaat dan apabila sobat merasa bingung, sobat dapat menanyakan melalui kolom komentar di bawah.
Related Posts