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 diatas-nya.
.post-body img {
width: 300px;
height: 250px;
border: 1px solid #aaa }
Keterangan:
- 300px : Ukuran Lebar Gambar.
- 250px : 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, baca juga artikel menarik lainya seputar tutorial blog tentang cara membuat email subscription minimalis di blog, semoga bermanfaat, dan selamat mencoba.
Sumber Referensi : Blogtipz
EmoticonEmoticon