Assalamu'alaikum sahabat semua,
Kali ini saya akan share cara mengecilkan tampilan gambar secara otomatis pada postingan website kita.

Dalam sebuah postingan, kadang kita upload gambar-gambar dengan berbagai ukuran, dan untuk ukuran yamg kecil mungkin tidak terlalu mengganggu pada tampilan halaman website, tapi untuk gambar yang lebarnya besar, tentu ini sangat mengganggu pada halaman, karena halaman website kita jadi melebar ke samping dan kelihatannya tidak terlalu enak di pandang.

Dan untuk mensiasati hal ini kita harus mengatur "width" gambar yang kita upload.
Dan trick nya kita gunakan css untuk mengatur lebar gambar yang kita upload secara otomatis.

Pastekan kode ini di css kamu:

img { border:1px solid silver; padding: 2px; margin: 2px; background-color: transparent; color:#444; max-width:300px; max-height:300px; }

Cukup simpel kan kodenya.
Dan sekarang kamu tinggal upload foto selebar apapun akan otomatis lebarnya tidak akan melebihi 300px.

Mungkin untuk postingan kali ini di cukupkan sekian.
Wassalamu'alaikum.