Cara Mengatur Ukuran Semua Gambar pada Artikel Blog Secara Otomatis Cara Mengatur Ukuran Semua Gambar pada Artikel Blog Secara Otomatis

Judulnya panjang sekali ya sobat, hehe, pada kesempatan kali ini saya akan mengangkat salah satu topik yang pernah ditanyakan oleh seorang pengunjung kepada blog ini, yaitu tentang bagaimana me-resize atau mengatur ukuran dari semua gambar yang ada pada artikel, karena terkadang gambar yang kita upload ukuranya selalu berbeda-beda dan tidak sesuai dengan keinginan kita, maka dari itu apabila anda ingin semua gambar tersusun rapi dan sesuai ukuranya anda bisa menggunakan cara simple yang saya akan terangkan pada pembahasan kali ini.

Cukup dengan menambahkan beberapa kode css anda sudah dapat mengatur gambar-gambar di blog sesuai dengan keinginan anda, selain untuk mempercantik penampilan, biasanya fungsi ini juga seringkali digunakan sebagai sarana "bersih-bersih blog" atau sekedar mengatur agar seluruh gambar pada artikel terlihat match dan serasi.

Jika anda memiliki blog yang bertemakan gallery, maka sudah sepatutnya anda menggunakan fungsi ini, pasalnya gallery akan terlihat lebih anggun jika semua foto-foto atau hasil jepretanya dalam satu ukuran yang sama, namun anda juga harus memperhatikan komposisinya, karena ada foto yang bertipe potrait (memanjang kebawah keatas) dan landscape (melebar ke kanan ke kiri).

Cara Mengatur Ukuran Gambar Blog

1. Login ke Blogger.
2. Pilih Template.
3. Klik Edit HTML.
4. Klik tanda panah disebelah kode <b:skin>...</b:skin>
(untuk membuka seluruh kode css)

5. Cari kode ]]></b:skin> (gunakan CTRL+F), lalu letakkan kode dibawah ini tepat diatasnya.

.post-body img { width: 300px; height: 250px; border: 1px solid #aaa }

Keterangan:

- 200px : Ukuran Lebar Gambar.
- 150px : Ukuran Tinggi gambar.
- 1px : Ketebalan Border/Garis Tepi gambar (jika tidak ingin gambar memakai border, berikan saja angka 0).
- #aaa : Warna Border/Garis Tepi gambar.

6. Klik "Simpan/Save" Template, dan selesai.

Demikian informasi terbaru tentang cara mengatur ukuran semua gambar pada artikel blog secara otomatis. Semoga bermanfaat, dan selamat mencoba.