15 December 2012

Besar/Kecikan Gambar Dalam Pos

yang ni saiz gambar asal:


boleh dikecikan saiznya dan disusun sebelah menyebelah:


boleh juga dibesarkan asal sahaja muat dalam ruangan pos (pastikan berapa px ruangan pos yang sedia ada);




buka pos bawah HTML mode kod gambar saiz asal adalah seperti berikut:

<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-6CRQVYEdP-c/UMtE0sEUlvI/AAAAAAAAC08/fTZxcuD95ts/s1600/310182_177619695708731_1342673690_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0"
height="193" src="http://1.bp.blogspot.com/-6CRQVYEdP-c/UMtE0sEUlvI/AAAAAAAAC08/fTZxcuD95ts/s320/310182_177619695708731_1342673690_n.jpg" width="156" /></a></div>

lihat ukuran pixel gambar height="193" dan width="156" warna merah dalam kod di atas. ukuran ini boleh dipinda sendiri dengan syarat nisbah (ratio) tinggi dan lebar mesti sesuai mengikut ukuran asal gambar.

lihat ukuran height dan width yang dipinda untuk kecikkan saiz gambar:

<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-6CRQVYEdP-c/UMtE0sEUlvI/AAAAAAAAC08/fTZxcuD95ts/s1600/310182_177619695708731_1342673690_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0"
height="118" src="http://1.bp.blogspot.com/-6CRQVYEdP-c/UMtE0sEUlvI/AAAAAAAAC08/fTZxcuD95ts/s320/310182_177619695708731_1342673690_n.jpg" width="95" /></a></div>

begitu juga pindaan saiz height dan width untuk besarkan saiz gambar:

<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-6CRQVYEdP-c/UMtE0sEUlvI/AAAAAAAAC08/fTZxcuD95ts/s1600/310182_177619695708731_1342673690_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0"
height="615" src="http://1.bp.blogspot.com/-6CRQVYEdP-c/UMtE0sEUlvI/AAAAAAAAC08/fTZxcuD95ts/s320/310182_177619695708731_1342673690_n.jpg" width="500" /></a></div>


selamat mencuba dan selamat berjaya...


0 comments: