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:
- code gambar
- cara mengatasi gambar kelebaran
- contoh+gambar+angel
- contoh contoh border
- tutorial+lebar+gambar+dalam+blog
- pengaturan gambar di leptop
- contoh gambar pos sekuriti
- Cara membuka wordpress di laptop
- style borders foto di wordpress
- cara memasang gambar penuh di blog
Related posts:
.-= broSKL´s last blog ..
.-= aizuddin´s last blog ..
.-= zackpantai´s last blog ..
gile 
