Cara Mengatur Ukuran / Posisi Gambar Pada Postingan Blog

AB | Cara Mengatur Ukuran / Posisi Gambar Pada Postingan Blog - Setelah kita Memasukkan [Upload] Gambar pada postingan, kini kita melangkah ke arah selanjutnya (kayak gerak jalan saja... hehehe), maksudnya kita Mengatur Ukuran / Posisi Gambar Pada Postingan Blog. Are You ready.....?

Adapun alasan kita untuk Mengatur Ukuran / Posisi Gambar Pada Postingan Blog adalah supaya isi postingan kita terlihat lebih RAPI dan tidak amburadul. Itulah tujuan utamanya Mengatur Ukuran / Posisi Gambar Pada Postingan Blog.

Salah satu cara untuk mempercantik atau menghias sebuah blog adalah dengan Cara Mengatur Ukuran / Posisi Gambar Pada Postingan Blog.

Cara Mengatur Ukuran / Posisi Gambar Pada Postingan Blog
1. Ada 2 Model dalam pengaturan (setting) pada blog. Demikian juga posisi penulisan artikel baru atau edit postingan ada 2 model, yaitu Compose dan Edit HTML.


Edit HTML adalah berupa tulisan atau kode-kode atau biasa disebut script. Sementara Compose adalah Hasil tampilan dari edit HTML. Sebagai blogger ini harus tahu ke-2 model ini.

2. Untuk mengatur Ukuran Gambar, klik gambar yang mau di atur dalam hal ini posisi editing adalah posisi Compose. Akan muncul kotak kecil memanjang seperti gambar di bawah ini.


3. Pilihlah ukuran gambar yang anda inginkan.Selebihnya ini keterangannya:
SMAL : ukuran kecil
MEDIUM : ukuran sedang
LARGE : ukuran besar
X-LARGE : ukuran super besar alias extra
Original Size : ukuran gambar sama dengan ukuran aslinya.

Left : Posisi gambar di sebelah kiri tulisan kita
Center : Posisi gambar di tengah tanpa ada tulisan kanan kiri
Right : Posisi gambar di belah kanan tulisan kita.

Add Caption : Membuat tulisan atau keterangan Gambar di bawah gambar
Propertis : Memberikan Judul Gambar seperti Tittle Text
Remove : Menghapus gambar,
4. Apabila dalam sebuah postingan terdiri dari beberapa gambar (lebih dari 1 maksudnya) dan ternyata ukuran gambar tidak sama atau anda menginginkan sama ukurannya sehingga terlihat rapi, posisi editing postingan anda, beralihlah ke posisi Edit HTML. Maka hasilnya seperti dibawah ini.

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfSccYd7aJxA4PJaBL8cjJLbPX0Rcwlx_tMabOH0JFqhd_M7W_WF_Y5NkuHOCD0UP3DFOEN7oaKQ1F5s81n6nuIL2wwg5buo5x9n1athorAW6uMYAGPK-fssxyAnbrGMubPS312a4VBlk/s1600/compose.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfSccYd7aJxA4PJaBL8cjJLbPX0Rcwlx_tMabOH0JFqhd_M7W_WF_Y5NkuHOCD0UP3DFOEN7oaKQ1F5s81n6nuIL2wwg5buo5x9n1athorAW6uMYAGPK-fssxyAnbrGMubPS312a4VBlk/s320/compose.jpg" width="320" /></a></div>
Setelah anda beralih ke posisi Edit HTML, maka mulailah anda mengganti tinggi gambar berapa (height) lebar gambar berapa (width) sesuai dengan keinginan anda. Oh iya, itu cuma contoh yah, yang warna merah dan biru cuma AB yang kasih warnai biar jelas saja. Ok.

Catatan : Ukuran gambar tidak akan muncul apabila ukurannya sama seperti aslinya (original size) sebaiknya pilih salah satu selain original size agar height dan width nya keluar.

5. Terbitkan Postingan anda bila sudah yakin selesai, Atau kembali ke posisi COMPOSE untuk melihat-lihat hasil kerja anda dulu kalau masih kurang balik lagi ke posisi Edit HTML.

6. Apabila sudah yakin dan ok. Terbitkanlah Postingan anda dan lihat hasilnya.

Okelah kawan blogger, demikianlah Cara Mengatur Ukuran / Posisi Gambar Pada Postingan Blog, semoga tulusan ringan ini bisa bermanfaat yah. Sukses selalu. Salam blogger. Kumpulan Adsen Blogspot.

Terimakasih Komentar Anda, Pesan KA Blog : Sekali-sekali Belajar Tidak Memasang Link di Komentar yah.
EmoticonEmoticon