Tuesday, 10 April 2012

Tutorial : Cara Buat Scroll Bar Dalam Entry



Kadang-kadang bila kita tulis entry mesti nak selitkan gambar-gambar kan? tak syok lar pulak kalau gambar kita tu meleret sampai kebawah. Penat nak scroll satu hal. Loading pun lambat! =.='

So, jom kita belajar macam mana nak buat scroll bar dalam entry. Jimat ruang dan masa loading. ^.^

Mula-mula korang taip lar post macam biasa. Pada part yang nak dimasukkan dalam scroll bar tu klik Edit HTML. Then paste code dibawah sebelum code GAMBAR atau AYAT yang nak dimasukkan dalam scroll bar tu. 

<div style="overflow:auto; height:350px;width:400px;">

Tengok contoh kat bawah yer :

<div style="height: 350px; overflow: auto; width: 400px;">
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">bla bla bla/GAMBAR</span>
<div>
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">bla bla bla/GAMBAR</span></div>
<div>
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"> bla bla bla/GAMBAR</span>
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">bla bla bla/GAMBAR</span>
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">bla bla bla/GAMBAR</span></div>
</div>
Belum habis lagi, hujung sekali paste </div> 
Preview dulu kalau jadi publish lar post tu! weeee~ >.<

Merah - Code yang perlu dipaste
* Oren - Contoh Ayat atau Gambar yang nak dimasukkan dalam scroll
* Hitam - Contoh coding yang ada kat situ

Jom join giveaway iqa : klik >SINI<
Nak tengok hadiah : Klik >SINI<


Cherita da abis...Sila tinggalkan komen pulak ye! TQ

5 komen jejari cumil:

Sherwiena Muzzawer said...

WAH BEST JUGA INFO U NI, I BARU TAHU..HEEE

shida'R said...

nice tutor dear :)

MaYa MustWany said...

nice tutorial iqa ^^

Hanif said...

tutorial yang baik!!

IntaNBerliaN said...

.IQA NI BAGUS.. PANDAI BUAT TOTURIAL..