ingin berbagi tips trik tentang cara merubah ukuran gambar yang ada di dalam postingan blog atau website secara manual. Artinya kita merubah ukuran gambar tersebut setelah gambar kita upload ke dalam postingan sebelum kita publish.
Hal ini penting karena terkadang untuk postingan tertentu kita memerlukan ukuran gambar yang benar-benar pas dengan lebar halaman blog kita, sedangkan ukuran gambar yang tersedia disitu terlalu kecil atau terlalu besar. Untuk mengatasi hal ini maka kita harus merubah ukuran gambar tersebut secara manual agar bisa benar-benar pas dengan lebar halaman blog kita.
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 ukuranMedium 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.
0 komentar