Jika anda membaca blog baru kami Majalah9, anda tentu perasan setiap gambar yang kami gunakan mempunyai kelebaran penuh, cukup-cukup dengan ruang artikel. Kami tidak meresize setiap gambar tersebut supaya sama dengan lebar artikel, sebaliknya kami hanya menggunakan code html yang sangat ringkas. Dengan code ini kami tidak akan risau bila bertukar theme baru kerana lebar gambar tersebut juga akan turut berubah.
Gambar diatas menunjukkan contoh gambar lebar penuh. Ikuti tutorial ringkas ini.
Masukkan gambar ke dalam post anda. Jika anda menggunakan Windows Live Writer untuk menulis blog, klik pada Source di bahagian bawah. Gambar dibawah menunjukkan gambar yang belum diedit code html nya.
Cari code gambar yang bermula dengan <img src dan mempunyai attribute width. Contoh:
<img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="underwater-sculpture" border="0" alt="underwater-sculpture" src="$underwater-sculpture_thumb.jpg" width="244" height="164" />
Gantikan width dan height kepada width=”100%” dan siap. Contoh:
<img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="underwater-sculpture" border="0" alt="underwater-sculpture" src="$underwater-sculpture_thumb.jpg" width="100%" />
Hasilnya
Gambar yang digunakan dipetik dari artikel terbaru di Majalah9 iaitu Muzium Patung Bawah Laut di Mexico.
Users who found this page were searching for:
- akan art
- style borders foto di wordpress
- gambar lebar
- contoh contoh border
- CONTOH BORDER
- img alt pengaturan gambar penuh html code
- setting gambar dlm blog
- cara gambar penuh game
- setting artikel penuh di wordpress
- cara setting lebar web
09/07/2010 @ 11:56 am
lepas ni boleh la jomHTML plak.
.-= Adlan Khalidi´s last blog ..Viewing GPS map on your computer with MapSource =-.
Pingback: Tweets that mention Cara set gambar lebar penuh di blog Wordpress anda | JomPHP -- Topsy.com
09/07/2010 @ 3:23 pm
Owh macam ni rupanya,nice info bro
.-= wazy´s last blog ..percubaan pertama =-.
09/07/2010 @ 3:27 pm
nice info.. nice sharing
.-= suduxx´s last blog ..Despicable Me 3D memang terbaek =-.
09/07/2010 @ 3:37 pm
nice post! aku pon buat camni gak..
.-= Anarm´s last blog ..Peraduan Copy dan Menang MP3 Player =-.
09/07/2010 @ 4:25 pm
tips yg menarik
thx.
09/07/2010 @ 4:52 pm
owh tak sangka plak begitu senang ek nak buat.. ingtkan ada code yg panjang2 td.. nanti aku try la buat gak.. trimas bro..
.-= broSKL´s last blog ..Besar punya =-.
09/07/2010 @ 7:22 pm
Blog baru memang sesuai guna kaedah ni.Terima kasih kepada jomPHP
.-= Loq´s last blog ..Joachim Loew korek hidung dan bau ketiak- =-.
09/07/2010 @ 10:01 pm
oic, baru aku tahu. menarik ni, tapi kena rajin edit html la plak. hehe
.-= mohdisa´s last blog ..Blogger Yang Berjaya =-.
10/07/2010 @ 10:34 am
oh ubah2 macam tu je..
great info..=)
.-= syahrilhafiz´s last blog ..Apa kata korang- Aku pilih ini =-.
10/07/2010 @ 11:59 am
Simple tapi sangat penting. Terima kasih atas perkongsian!
.-= Nasrul Hanis´s last blog ..Setapak ke Hadapan =-.
10/07/2010 @ 2:10 pm
oo camtu je..tapi gambar kena mantap..kalau tak pecah2.. :blush:
.-= aizuddin´s last blog ..Sepanyol-Belanda Juara Piala Dunia 2010 =-.
10/07/2010 @ 3:59 pm
Oooo now we know..tq bro..sekarang boleh ler letal pica besar dlm wp kn..
11/07/2010 @ 10:54 pm
tips html yg simple tetapi berguna terutama kepada mereka yang rajin tukar theme..
.-= Khidhir´s last blog ..Yahoo- Unable to Process Request At This Time – Error 999 =-.
14/07/2010 @ 9:51 pm
cuba dah cara nie. kalo buat width=”100%” /> gambar akan telebih penuh
jadi buat width=”90%” />
baru ok. :pinch:
.-= zackpantai´s last blog ..Bola Sepak FIFA 2010 made in china =-.
16/07/2010 @ 7:33 am
satu tips yang sangat menarik. sudah lama mencari utk penyelesaian seperti ini. terima kasih.
.-= sankai´s last blog ..Julia Perez =-.
16/07/2010 @ 10:01 pm
thanx.. baru taw.
17/07/2010 @ 12:27 pm
simple je tips kali ni.. hehe.. thanks for the info.. nnt nak try kat blog juga..
.-= Paksu-IT´s last blog ..Kelajuan Pakej Streamyx Yang Anda Subscribe =-.
17/07/2010 @ 7:17 pm
Nice trick! I succesfully did the trick & applied into my new blog entry. thanks.
.-= finalcross´s last blog ..5 Best Places to Learn Tricks of Photoshop =-.
19/07/2010 @ 9:18 pm
em setiap post kene set 1-1 camni ke???
.-= Roslan´s last blog ..Snaptu Aplikasi Multitasking Internet Terbaik =-.
06/11/2010 @ 4:30 pm
kalau pakai imageshack.us
camne plak?
19/02/2011 @ 4:38 pm
terimas bro tutorial yg bagus
19/02/2011 @ 4:43 pm
jadi setiap kali nk masukkan gmbar di post kena bt macam ni ek