Ini panduan untuk blog bermesin blogger atau blogspot. Namun untuk blog selain blogger (misalnya wordpress) tentunya juga sama, yang membedakan pada model script html saja.
Caranya;
1. Pertama silakan upload gambar tersebut ke dalam postingan.
2. Kemudian setelah gambar muncul di area menulis postingan, gunakan ukuran Medium atau ukuran lainnya pada gambar, pokoknya jangan ukuran Original size. Karena jika kita menggunakan ukuran original size maka kita tidak bisa mengedit ukuran gambar secara manual.
3. Lalu klik HTML di menu kiri atas (dekat compose). Lalu silakan diedit script gambar yang ada disitu. Contohnya seperti di bawah ini;
<div class=”separator” style=”clear: both; text-align: center;”>
<a href=”http://1.bp.blogspot.com/-EVGjIl1fvfI/UUCVe-xC64I/AAAAAAAAD3w/vqvEe7XoXTA/s1600/Musang.jpg” imageanchor=”1″ style=”margin-left: 1em; margin-right: 1em;”><img border=”0″ height=”370” src=”http://1.bp.blogspot.com/-EVGjIl1fvfI/UUCVe-xC64I/AAAAAAAAD3w/vqvEe7XoXTA/s320/Musang.jpg” width=”320” /></a></div>
Keterangan;
Silakan dirubah ukuran lebar dan tinggi gambar,
* height adalah ukuran tinggi gambar
* width adalah ukuran lebar gambar
Catatan:
Agar tampilan gambar tetap ideal atau pantas, maka ukuran yang anda tambahkan atau anda kurangi harus sama. Misalnya ukuran tinggi anda tambah 50, maka ukuran lebar juga harus ditambah 50. Agar gambar tetap terlihat cantik.
4. Klik Preview/Pratinjau. Jika ukuran gambar sudah sesuai dengan yang anda harapkan, silakan klik Publish. Selesai.
Dibawah ini contoh dari satu gambar yang dirubah secara manual menjadi banyak dengan ukuran yang berbeda-beda.
Sekian. Untuk informasi tentang cara memotong gambar di komputer/PC/laptop dengan paint bisa juragan baca dibawah ini;
Cara Merubah Ukuran Gambar di Komputer Dengan Paint
Selamat mencoba. Semoga informasi dari juragan cipir ini bermanfaat bagi tuan dan nyonya juragan. Terimakasih.
Berikutnya>> Cara Mengatasi Tidak Bisa Upload Gambar di Blogger
gan gimana yah supaya ukuran tiap gambar nya bisa serempak, dengan cukup satu kode :P<br /><br />buleipotan.blogspot.com
klu yg itu saya gak bisa gan, tentunya hrs di rubah satu persatu kodenya
@Rifka : cari dulu code ".post-body img" di editor HTML, trus lengkapi dengan code ini :<br />.post-body img {width: 500px!important;height: auto!important;}
makasih infonya gan
makasih juga kunjungannya,,,
thanks kode .post-body img bekerja dengan baik…
saya mau tanya bagaimana cara ngubah semua ukuran gamabr sama ?
kalau merubah semua gambar secara otomatis ada caranya tersendiri, tapi sayangnya saya lupa caranya padahal sdh pernah coba hehehe :D<br /><br />silakan aja cari di google 🙂
ijin copas ya bos…berita2nya bagus, di copas itu saya cantumkan alamat juragan…terimakasih
mbak gambar yang di diambil dari degan film bisa disebut original, terimakasih sebelumnya
mbak kalo boleh request buat artikel cara membuat gambar yang original untuk pelengkap psotingan maaf masih baru
aku ada masalah nih mbak Indri, gambar thumbnail di mode mobile gak muncul, dipostingan sih tidak masalah, hanya di mode mobilnya saya, thumbnail blog di depannya yang gak muncul…
maaf mbaj Indri, kalau menurut saya, untuk mempertahankan ukuran ideal itu bukan jumlahnya yang sama, seperti H ditambah 50 dan W ditambah 50 juga. akan tetapi skalanya yang harus sama. misalkan ukuran gambar aslinya 500 x 1000 kalau mau di perkecil bukan jadi 0 x 500 tapi 250 x 500 itu menggunakan skala 1/2 nya. untuk lebih mudahnya. atur rubah salah satunya saja, misalnya W jadi 300, dan H
Karena pada waktu menulis artikel ini saya belum tahu cara membuat ukuran high menggunakan auto hehehe 😀 Makasih banyak tambahan penjelasannya mas Ibnu Syamsun 🙂
wah,. walau belum tau tapi udah hebat tuh hehe,.
Kalau di blogspot ukuran gambar yang baik berapa ya Mba (dalam kb) agar tidak ada laporan ketika di cek page speed insight google.
Terimakasih 😀