Tutorial Ubah Saiz Gambar

بسم الله الرحمن الرحيم

Assalamualaikum

Saya nak ajar kawan-kawan cara nak ubah saiz gambar, kadang-kadang ada gambar yang besar dan bila nak letak di sidebar tak sesuai kan? Kalau di bahagian entri kita mudah untuk adjust kan..tapi di sidebar kita kena tambah kod untuk adjust saiz gambar tersebut. Tak kira la banner ke, award ke atau apa-apa. Maksudnya gambar format png atau jpg.

Ok, jom tengok dan boleh cuba lepas ni ye..

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM8xKwVj7zi7-RFBTTenuKuJ5fboM4pakR1smzaLUvBLYAZMqkZEv4Ek1xlgloXhwmWdomB9jslG-Nh3jdAdcqMFAvVv-FUQSDYJB4fo1-AMpagcxuyOSz2dZPtV-mBrrGzdF9xAKyNZY/s1600/Upin+Ipin+dan+Kawan-kawan.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM8xKwVj7zi7-RFBTTenuKuJ5fboM4pakR1smzaLUvBLYAZMqkZEv4Ek1xlgloXhwmWdomB9jslG-Nh3jdAdcqMFAvVv-FUQSDYJB4fo1-AMpagcxuyOSz2dZPtV-mBrrGzdF9xAKyNZY/s400/Upin+Ipin+dan+Kawan-kawan.jpg" width="400" /></a>

Ni kod gambar yang saya upload dan kod gambar ni dah sedia ada saiznya..kalau nak adjust, lebih mudah. Ubah je height dan width tu.

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM8xKwVj7zi7-RFBTTenuKuJ5fboM4pakR1smzaLUvBLYAZMqkZEv4Ek1xlgloXhwmWdomB9jslG-Nh3jdAdcqMFAvVv-FUQSDYJB4fo1-AMpagcxuyOSz2dZPtV-mBrrGzdF9xAKyNZY/s1600/Upin+Ipin+dan+Kawan-kawan.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM8xKwVj7zi7-RFBTTenuKuJ5fboM4pakR1smzaLUvBLYAZMqkZEv4Ek1xlgloXhwmWdomB9jslG-Nh3jdAdcqMFAvVv-FUQSDYJB4fo1-AMpagcxuyOSz2dZPtV-mBrrGzdF9xAKyNZY/s320/Upin+Ipin+dan+Kawan-kawan.jpg" width="320" /></a>

Lepas dah diubah..


Saya bagi gmbar yang tak ada saiz pulak eh..



<a href="http://atikaahmadiah.blogspot.com/"target="_blank"><img src="http://i1116.photobucket.com/albums/k566/Atika_Aula/cats.png" border="0"></a>

Tengok kod kat atas tu tak ada saiz kan? Ok, kita tambahkan height dan width macam ni..




<a href="http://atikaahmadiah.blogspot.com/"target="_blank"><img src="http://i1116.photobucket.com/albums/k566/Atika_Aula/cats.png" border="0" height="150" weight="150" ></a>


height dan width tu pastikan saiz yang sesuai dengan gambar

Dah siap!! Selamat Mencuba ~

Tengok jugak tutorial gambar tak boleh klik. Cara 1 dan cara 2.

 والسلام

---

Syukran kerana sudi membaca..boleh Like dan Share entri ini

---