Thursday, December 2, 2010

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.:)




Suka tutorial ini.?

29 comments:

RIS-FAMILI on December 2, 2010 at 7:08 PM said...

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.

Mariana on December 3, 2010 at 12:19 AM said...

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

ajelan on December 5, 2010 at 9:49 AM said...

klik sini tuk cuci2 mate..berminat ley contact saya

Rifki Fauzi on December 5, 2010 at 5:49 PM said...

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)

raudhah on December 7, 2010 at 3:35 PM said...

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..=)

:: bubu :: on December 16, 2010 at 10:06 PM said...

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

irwanpauzi on December 17, 2010 at 6:04 AM said...

nice sharing

Zariq Aziz on December 18, 2010 at 2:37 PM said...

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

Mekar on December 19, 2010 at 12:07 AM said...

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

akunajihah on December 20, 2010 at 8:41 PM said...

ade tak tutorial utk lebarkan space entri

zoul dahan on December 30, 2010 at 12:49 AM said...

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

I will come again ...

lela on January 13, 2011 at 8:17 AM said...

terima kasih.. bertambah pengetahuan saya mengenai dunia blog ni

Firdaus Kasim on February 12, 2011 at 9:35 AM said...

bagus2!

Fikri The Panda on February 16, 2011 at 3:58 AM said...

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

mama hani on February 20, 2011 at 1:47 PM said...

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

niza on March 10, 2011 at 3:34 PM said...

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

alia farhah on April 10, 2011 at 3:23 PM said...

lau tuk bannaer cmner?

TheRealFiza on April 27, 2011 at 2:27 PM said...

macam mane nak besaukan box post kita ek???

DeToX aQmA on May 31, 2011 at 3:11 PM said...

cmne lak nk adjust gmbr header?

airie_muny on June 19, 2011 at 12:30 PM said...

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

KEHIDUPAN SEMENTARA on July 16, 2011 at 10:47 PM said...

DEMI ALLAH KITA SAMA

Zura RamLi on July 17, 2011 at 11:27 PM said...

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

nadeafu chan on November 23, 2011 at 6:27 PM said...

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

Izzah Azie{Kelantan} on December 7, 2011 at 11:54 PM said...

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?

storymory kami on February 3, 2012 at 11:00 AM said...

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

http://pendeknakott98.blogspot.com/ on August 17, 2012 at 3:33 PM said...

Cmne nk letak gmbar url ? takmpandai lah

blogaje on December 22, 2012 at 9:17 AM said...

ok makasih mas bro, ... lgs coba

agus herbal on March 23, 2013 at 12:15 PM said...

maksih gan

obat pembesar penis on June 18, 2013 at 6:46 AM said...

sip gan

Post a Comment

 

Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com Edited by Unwanted