Ubah Lebar Gambar Dalam Entri

Posted on 6:38:00 AM by  with 34 comments
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.:)

34 comments:

  1. RIS-FAMILIDecember 2, 2010 at 7:08 PM

    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. ayeesha annaDecember 3, 2010 at 12:19 AM

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

    ReplyDelete
  3. ajelanDecember 5, 2010 at 9:49 AM

    klik sini tuk cuci2 mate..berminat ley contact saya

    ReplyDelete
  4. UnknownDecember 7, 2010 at 3:35 PM

    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. LieyanaDecember 16, 2010 at 10:06 PM

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

    ReplyDelete
  6. FOOTPCDecember 17, 2010 at 6:04 AM

    nice sharing

    ReplyDelete
  7. ZariqazizDecember 18, 2010 at 2:37 PM

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

    ReplyDelete
  8. MyMekar.comDecember 19, 2010 at 12:07 AM

    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
  9. najihahfaraDecember 20, 2010 at 8:41 PM

    ade tak tutorial utk lebarkan space entri

    ReplyDelete
  10. zoul dahan™December 30, 2010 at 12:49 AM

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

    I will come again ...

    ReplyDelete
  11. lelaJanuary 13, 2011 at 8:17 AM

    terima kasih.. bertambah pengetahuan saya mengenai dunia blog ni

    ReplyDelete
  12. Firdaus KasimFebruary 12, 2011 at 9:35 AM

    bagus2!

    ReplyDelete
  13. Fikri The PandaFebruary 16, 2011 at 3:58 AM

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

    ReplyDelete
  14. UnknownFebruary 20, 2011 at 1:47 PM

    ok...khatam....next..

    ReplyDelete
  15. UnknownMarch 10, 2011 at 3:34 PM

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

    ReplyDelete
  16. alia farhahApril 10, 2011 at 3:23 PM

    lau tuk bannaer cmner?

    ReplyDelete
  17. | N U R H A F I Z A H |April 27, 2011 at 2:27 PM

    macam mane nak besaukan box post kita ek???

    ReplyDelete
  18. DeToX aQmAMay 31, 2011 at 3:11 PM

    cmne lak nk adjust gmbr header?

    ReplyDelete
  19. airie_munyJune 19, 2011 at 12:30 PM

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

    ReplyDelete
  20. KEHIDUPAN SEMENTARAJuly 16, 2011 at 10:47 PM

    DEMI ALLAH KITA SAMA

    ReplyDelete
  21. Zura RamliJuly 17, 2011 at 11:27 PM

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

    ReplyDelete
  22. nadeafu chanNovember 23, 2011 at 6:27 PM

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

    ReplyDelete
  23. Izzah Azie{Kelantan}December 7, 2011 at 11:54 PM

    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
  24. Rosidah Binti MuhamadFebruary 3, 2012 at 11:00 AM

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

    ReplyDelete
  25. http://pendeknakott98.blogspot.com/August 17, 2012 at 3:33 PM

    Cmne nk letak gmbar url ? takmpandai lah

    ReplyDelete
  26. blogajeDecember 22, 2012 at 9:17 AM

    ok makasih mas bro, ... lgs coba

    ReplyDelete
  27. agus herbalMarch 23, 2013 at 12:15 PM

    maksih gan

    ReplyDelete
  28. obat tradisional penyakit diabetesJune 25, 2013 at 12:39 PM

    sip deh

    ReplyDelete
  29. UrilOctober 3, 2013 at 1:39 PM

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

    ReplyDelete
  30. jeprutOctober 3, 2013 at 1:44 PM

    infonya sangat bermanfaat maksih gan

    ReplyDelete
  31. Obat Herbal Penyakit DiabetesNovember 11, 2013 at 4:14 PM

    makasi yaa atas infonya

    ReplyDelete
  32. Hamba allahMarch 16, 2014 at 4:29 AM

    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
  33. obat herbal kanker darahMay 10, 2014 at 10:00 AM

    makasih banyak infonya

    ReplyDelete
  34. cara mengobati kanker kolonMay 26, 2014 at 12:57 PM

    menamah wawasan saya infonya makasih

    ReplyDelete

Subscribe to: Post Comments (Atom)