Home » » Cara Mengatur Ukuran / Posisi Gambar Pada Postingan Blog

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="http://1.bp.blogspot.com/-p4KqbrqpKBg/T3zmTiDVkQI/AAAAAAAACT0/bGshKtOnUuY/s1600/compose.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="http://1.bp.blogspot.com/-p4KqbrqpKBg/T3zmTiDVkQI/AAAAAAAACT0/bGshKtOnUuY/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.

10 comments:

Kawan-kawan Mau lihat komentar yang masuk:
Ananda Anugrah R said...

Mantab,

Ontel Creative said...

@Ananda Anugerah R : mantaff juga hehee

SEO Blogger said...

sob, ane mau tanya, kalau merubah gambar menjadi di posisi kanan saat di homepage bila menggunakan readmore? gimana ya? cek di http://breadingayamkampung.blogspot.com

noval irmawan said...

thanks infonyaa gan..

Belajar Iptek >> http://lavonex.blogspt.com

Azim said...

kalo untuk menggantinya secara otomatis gimana bro?

safaruq sepatu said...

great info gan

MMBCSudirman said...

READY STOCK!!
Tiket MotoGp Sepang-Malaysia

Tersedia juga:
# Paket MotoGp
# Paket F1 Singapore
# Paket Konser Peter Cetera
# Tiket Pesawat
# Reservasi Hotel

More info, please contact
MBS Tour&Travel
(MMBC Sudirman-Jakarta)

phone : 02157903505
BB: 22485B29
WA: +62816821819
FB : Mbs Tour Travel
Twitter : @Mbstourtravel
Website : http://www.mmbcsudirman.com/


Thanks..

Suparyanto said...

Kalau dengan tabel gimana???

Mas Bro said...

@Suparyanto, maksudnya?

Putut Budi said...

masih bingung gan untuk yang html. http://www.jagoanplakat.com/


Post a Comment

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


Pasang Iklan Anda Disini

 
Copyright © 2011. Kumpulan Adsen Blogspot . All Rights Reserved.
Bos Ringo | Contact Us | Privacy policy | Term of use | Pasang Iklan | Site map | YM
Template Remodify by Kumpulan Adsen Blogspot | Suport : Bos Tutorial | Power of by Blogger