Cara Mengatur Gambar Posting Blog Otomatis Responsive

Gambar dalam tampilan yang responsive di semua layar memang sangat diperlukan untuk sebuah blog. Karena ini akan berpengaruh pada kenyamanan pengunjung dalam membaca postingan blog kita.

Dalam mengatur gambar posting otomatis Responsive semua layar terbilang mudah. Kita hanya cukup menambahkan beberapa kode css ke dalam editor html.

.post-body img {max-widht: 90%; height: auto;}

Untuk langkah tersebut terbagi ke dalam 2 langkah

Template Blog

Template blog ini memang sedianya untuk mengatur template blog default/bawaan. Tetapi bisa kita fungsikan sebagai fitur tambahan untuk mempercantik tampilan blog.

kita bisa masukkan kode tersebut ke bagian template blog lalu pilih sesuaikan lebar kemudian atur nilai dalam kode tersebut sesuai dengan ukuran yang kita inginkan lalu simpan.

Apabila bila langkah tersebut tidak berfungsi. Maka kita bisa menggunakan langkah kedua yaitu dengan

Edit HTML

Masukan kode tersebut tepat diatas kode ]]></b:skin>. Kemudian simpan. Cek kembali tampilannya apakah berfungsi atau tidak.

Baca juga: Cara menemukan kode ]]></b:skin>

Nah, apabila memang belum berfungsi juga. Maka itu dapat dipastikan didalam edit HTML sudah tersedia kode tersebut yang memang belum diatur, sehingga mengakibatkan terjadinya double kode.

Kode diatas sejatinya sudah disediakan oleh pembuat template, hanya saja nilai dalam kodenya belum disempurnakan. Maka dari itu kode yang disimpan tadi tidak berfungsi secara normal

Apabila sudah demikian, kita cukup mencari kode css diatas di dalam menu edit html. Tetapi silahkan untuk hapus terlebih dahulu kode-kode yang telah kita tempatkan tadi.

Untuk mencari kode tersebut, silah tekan shift + F. apabila sudah ditemukan silahkan untuk tambahkan kode !important dibelakang nilainya. Seperti berikut:

Kemudian atur kembali nilai kode sesuai dengan tampilan blog yang kita inginkan.

Nah, demikan langkah mengatur gambar posting blog otomatis responsive semua layar. Semoga bermanfaat.