Kode Agar Ukuran Gambar Sesuai dengan Lebar Posting Blog

KODE yang otomatis mengubah tampilan gambar (image) sesuai dengan ukuran lebar ruang/panjang posting blog ini diperlukan untuk template blog 3 kolom. Dengan kode ini, gambar-gambar ilustrasi atau foto postingan akan otomatis menyesuaikan dengan lebar area posting.

Cara memasangnya:
1. Template > Customize
2. Klik Advance > Add CSS
3. Copy & Paste kode berikut ini di dalamnnya:

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

CARA LAIN:

1. Template > Edit HTML

2. Cari kode ]]</b:skin>

3. Copy + Paste kode di atas di atas kode ]]</b:skin>

4. Save!

Jangan lupa, saat memasukkan gambar, pastikan ukuran gambar tidak lebih dari 600 pixel dan pilih ukuran "Original Size".

Demikian cara  agar Ukuran Gambar sesuai dengan Lebar Posting Blog.*