Ubah Lebar Gambar Dalam Entri

Ada entri dalam blog yang memerlukan anda untuk meletakkan gambar sebesar yang mungkin bergantung kepada ruang yang ada. Sebelum ini tutorial sudah menunjukkan bagaimana untuk memaparkan saiz yang maksimum untuk gambar yang telah diupload.


Untuk kali ini, tutorial akan menunjukkan bagaimana untuk menguruskan saiz gambar yang telah diupload. Ini kerana apabila gambar terlalu besar, maka ianya akan melebihi ruang yang sepatutnya untuk entri.

Terdapat 2 cara untuk tutorial ini.

Cara 1:
Masukkan width="200" ke dalam kod gambar.

Contoh:
<img src="URL GAMBAR" width="500" >


Nilai 200 boleh ditukar bergantung kepada lebar ruangan entri anda. Kebiasaannya lebar entri bagi ssebuah blog antara 400 hingga 500. Jadi anda boleh cuba mana yang sesuai.

Contoh gambar dengan width 400




Cara 2:
Masukkan width="95%" ke dalam kod gambar.

Contoh:
<img src="IMG URL" width="95%" >


Cara kedua mengunakan peratus untuk menentukan saiz gambar. Kalau anda memasukkan 95%, maka gambar yang terhasil akan mengambil lebar 95% daripada lebar sebenar ruangan entri anda.


contoh width 95%



-------------

p/s: height jarang dipertimbangkan kerana width yang lebih penting.

Selamat Mencuba.:)



39 comments:

  1. Good. Dah lama saya cari cara ini sbb saya tak begitu mahir HTML. Sebelum ni kalau letak 'large' tak begitu penuh tapi bila letak 'extra large' berlebih-lebih pulak.
    Terima kasih atas perkongsian di atas.

    ReplyDelete
  2. tq...nice entry
    blh x next entry ajar buat bodder pula
    sy xreti buat border kat gambar
    tq

    ReplyDelete
  3. hallo teman,

    saya mau minta tolong nich... Boleh nggak..???
    Begini...saya kan sekarang sedang mengikuti sebuah kompetisi blog.
    Nah, saya butuh support dari teman agar bisa menang,
    untuk memberikan komentar pada artikel saya di :
    http://rifkifauzi.blogdetik.com/index.php/2010/11/dari-internet-sehat-jadi-hebat-dari-dunia-maya-jadi-nyata/

    TERIMA KASIH BANYAK

    salam teman blog,
    Rifki Fauzi
    (weowe.blogspot.com)

    ReplyDelete
  4. Salam cikgu, saya banyak belajar ilmu2 blog ni drp ckg yg master dlm blogging ni.

    Saya rasa suka sgt kat ckg sbb bersedia utk berkongsi pengetahuan ngn sahabat2 blogger yg lain.

    Saya mendoakan agar ckg diperlipat gandakan pahala oleh Allah swt. Amin.

    Saya sayang ckg sgt2 (>_<)v

    Teruskan berbakti ckg!!! Thanks so much..=)

    ReplyDelete
  5. blh tlg x?
    sy gne classic template...
    sy nk lebarkan blog..mcm mne ek?
    sbab n3 rse mcm sempit..

    ReplyDelete
  6. x pham la... mcm mne ar nk bg sy pham. huh...

    ReplyDelete
  7. Salam sdra/sdri, Mekar ada pertanyaan. Mekar mahu letak 2 atau 3 keping gambar berjujukan/sebaris dalam satu n3. Ada tutorial mengenainya kah? TQ


    www.whitepearl1400.blogspot.com

    ReplyDelete
  8. ade tak tutorial utk lebarkan space entri

    ReplyDelete
  9. Dear unwanted,
    Thank you for sharing your knowledge with us.
    My blog is looking much better now.

    I will come again ...

    ReplyDelete
  10. terima kasih.. bertambah pengetahuan saya mengenai dunia blog ni

    ReplyDelete
  11. haizzz... thnx admin... saya x paham =________________=

    ReplyDelete
  12. baik hati nye cekgu ni..thanks ye..=)

    ReplyDelete
  13. macam mane nak besaukan box post kita ek???

    ReplyDelete
  14. cmne lak nk adjust gmbr header?

    ReplyDelete
  15. boleh x ajar kan . macam mana nak buat . header untuk blog ? maksud saya . nak letak kan gambar . :(

    ReplyDelete
  16. sy pun..nak letak header tue cmne..huhu

    ReplyDelete
  17. dah buat..tapi org dalam gambar xmenarik..pendek lebar :(

    ReplyDelete
  18. selamat malam....saya daftar akaun blogspot,tp verify code x dpt..dia tulis,slps kita complate form,15 minit kita akan dpt msg code,tp berkali2 buat x dpt juga...camana ya?

    ReplyDelete
  19. wow!! gitu yer.. saya masih baru dlm dunia blog.. byk yg kena pelajari lg..
    thanks 4 information..

    ReplyDelete
  20. ok makasih mas bro, ... lgs coba

    ReplyDelete
  21. sebelumnya ane blum tau gan tentang ini, tapi makasih buat infonya

    ReplyDelete
  22. infonya sangat bermanfaat maksih gan

    ReplyDelete
  23. Salam dan Mohon izin menulis. Untuk makluman saja, NAS Air sedang membuat promosi pernerbangan terus KUL-JED dan sebaliknya yang akan bermula mulai 1 apr 2014. harga promosi ini masing-masing SAR1000 dan SAR999. Pembelian tiket akan berakhir pada 17 mar 2014 dan tempoh terbang mulai 1 apr 2014 hingga 31 mei 2014. Kekerapan penerbangan pada kadar ini adalah 3 kali seminggu. Harga ini adalah sesuai bagi mereka yang bercadang menunaikan umrah tanpa melalui travel agen umrah atau lebih di kenali sebagai umrah persendirian atau umrah back pack. Akhir-akhir ini ramai jemaah dari Malaysia menunaikan
    16 Mac 14, 02:26
    abdullah: Salam dan Mohon izin menulis. Untuk makluman saja, NAS Air sedang membuat promosi pernerbangan terus KUL-JED dan sebaliknya yang akan bermula mulai 1 apr 2014. harga promosi ini masing-masing SAR1000 dan SAR999. Pembelian tiket akan berakhir pada 17 mar 2014 dan tempoh terbang mulai 1 apr 2014 hingga 31 mei 2014. Kekerapan penerbangan pada kadar ini adalah 3 kali seminggu. Harga ini adalah sesuai bagi mereka yang bercadang menunaikan umrah tanpa melalui travel agen umrah atau lebih di kenali sebagai umrah persendirian atau umrah back pack. Akhir-akhir ini ramai jemaah dari Malaysia menunaikan cara persendirian.

    ReplyDelete