Senin, 28 Mei 2012

Agar Gambar yang Diupload dengan Ukuran Asli

Trik Agar Gambar yang Diupload dengan Ukuran Asli / Penuh. Kadang gambar yang kita upload tidak menampilkan gambar yang asli atau penuh. Mungkin dari sebagian Sobat blogger, untuk mengatasi hal tersebut, bisa dengan memperbesar ukuran gambar dengan fasilitas zoom bawaan blogger ( small, madium, large, very large ). Namun, saya kira hasilnya pun tidak maksimal. Hasil dari zoom gambar tersebut tidak menampilkan ke originalan gambar asli yang kita upload dari komputer maupun dari URL yang sudah ada.
Berikut Trik Agar Gambar yang Diupload Menampilkan Ukuran Asli / Penuh versi saya. Ada yang beda pendapat, silahkan komen (^^)

  • Saat mau posting, di halaman posting
  • Klik ikon seperti gambar di bawah untuk meng upload gambar
  • Ada 2 pilihan. Upload dari komputer, atau upload dengan URL yang sudah ada

  • Setelah diupload hasilnya (tidak dalam ukuran PENUH atau ASLI )

  • Nah, jika diperbesar,ukurannya tetap saja tidak dalam UKURAN ASLI atau PENUH
  • Solusi terbaik adalah seperti ini, klik edit HTML
  • Maka akan didapati kode gambar yang barusan diupload seperti ini (Misal)
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/_3Y_7B2fCKMs/TI-IY77NzBI/AAAAAAAACHs/hDq-ppqClvY/s1600/upload1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_3Y_7B2fCKMs/TI-IY77NzBI/AAAAAAAACHs/hDq-ppqClvY/s320/upload1.jpg" /></a></div>
Agar menampilkan ukuran yang asli atau ukuran original gambar yang diupload
  • Kode warna merah di bawah ini adalah kode untuk GAMBAR UKURAN PENUH
  • Kode warna orang adalah GAMBAR UKURAN tidak PENUH
  • Agar menampilkan gambar ukuran penuh, maka copy kode warna merah dan replace kode warna orang dengan yg warna merah
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/_3Y_7B2fCKMs/TI-IY77NzBI/AAAAAAAACHs/hDq-ppqClvY/s1600/upload1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_3Y_7B2fCKMs/TI-IY77NzBI/AAAAAAAACHs/hDq-ppqClvY/s320/upload1.jpg" /></a></div>
  • Lihat Hasilnya {^^}

0 komentar:

Posting Komentar