Mengatur ukuran gambar agar auto resize pada blog

Pada blogger, saat kita akan memposting artikel yang berisi gambar di dalamnya, kita dapat memilih beberapa ukuran yaitu "small-medium-large-xlarge". Akan tetapi keempat ukuran tersebut terkadang tidak sesuai dengan yang kita inginkan, entah ukurannya menyebabkan gambar terlalu kecil sehingga sulit dilihat/tidak jelas ataupun menyebabkan gambar terlalu besar sehingga menutupi sebagian konten seperti gambar di bawah ini.

Sedangkan kita menginginkan ukuran gambar sesuai dan pas dengan halaman seperti gambar dibawah ini.

Untuk mengatasi hal tersebut kita dapat melakukan konfigurasi pada blog dengan mengikuti langkah-langkah berikut:

      1. Klik menu Tema/Theme.

      2. Kemudian klik tombol Sesuaikan.

      3. Klik menu Lanjutan.
      4. Geser/Scroll kebawah dan klik menu Tambahkan CSS.

      5. Masukkan kode dibawah ini pada kolom.

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

      6. Klik tombol Terapkan ke blog.
      7. Selesai.

Pastikan ukuran yang di pilih pada gambar adalah original size atau x-large, agar gambar bisa sesuai dan pas dengan halaman.