TUTORIAL : SIDEBAR BACKGROUND (DESIGNER TEMPLATE)

huwaaa..solehah rindu gile ngn EBT.lama dah jejari kiut miut solehah nie tak menaip

tutorial.haha..eksaited pulak kan.ngee.okei okei..tutorial nie cik tira yang request..hoho.

cik tira..cik tira...solehah bwat special untuk awk.hehe..yg lain tu boleh jugak try tutorial

nie..ekcely.tutorial nie berfungsi *aiseh.mcm bwat keje sains je kn... tutorial nie ekcely

befungsi untuk menambah sidebar korang supaya ada background..em.mcm template yg

cik tira pakai tu lh..sidebar memg ada.tapi..koding untuk buat background takde.ha.tak 

faham??haha..takpe lah..truskan usaha anda try tutorial nie.. *yg dh ade background sidebar 

tu .xyah la buat.hhohoho..senyumm :)

LANGKAH 1

• okei,mula mula..mcm biasa lh..pegi DESIGNER > PAGE ELEMENT > EDIT HTML. jangan lupa tick EXPAND WIDGET TEMPLATES tw. (save dulu template korang kei.)

LANGKAH 2

• dh buat langkah 1..ctrl +F. cari koding nie okei.

]]></b:skin>

LANGKAH 3

• dah jumpa??ambik koding yg nie..paste kat atas/seblom koding kat langkah 2 tu ha.

.sidebar { background:#ffffff; width: 290px; margin-top:0px; margin-left:0px; padding:0px 9px 0px 9px; float: left; border:0px solid #9933FF;

LANGKAH 4

• hehe..solehah nak explain kan koding nie cket boleh??xbnyak..cket je..hoho..

1. background:#ffffff; = koding yg nie lh memainkan peranan penting untuk korang tukar warna background.hehe..tukar je kod warna tu..nak pink?hitam?putih??semua boleh..haha
2.  width: 290px; = yg nie..width ataupun size sidebar korang tu.boleh la try adjust2 ckit..hehe..
3. margin-top:0px; = ha.yg nie kurang berguna ckit.tapi..kalau solehah..memg pkai koding nie. yg nie befungsi untuk menetapkan jarak sidebar korang tu dari atas.mean.dari header cmtu..hehe..try2 la
4. margin-left:0px; = nie pn penting jugak kadang2.mne tau korang nak bwat sidebar korang jauh ckit dari tepi tu kn.boleh laa adjust..letak 10px ke..20 px ke...
5. padding:0px 9px 0px 9px; = padding nie.cmane ek..em.em..jarak benda dlm sidebar korang tu..smada jarak dari tepi.kiri.kanan.atas..ha.boleh la tuka nilai px tu.
6. float: left; = hoho.nie bukan milo float tu..hehe..yg nie..untuk posisi sidebar.erk!btol ek cmtu.haha. klau sidebar korang nk letak left..bwat left..klau right bwat right. :)
7. border:0px solid #9933FF; = jengjenjeng!yg nie nak bwat sidebar cantek cket..hehe..korang buat la border :) tukar nilai px tu ikut ketebalan border yg korg nak.. kod warna jgn lupa tukar jugak.ngee

LANGKAH 5

• yeye!dah siap..korang preview dulu..xde error??sila SAVE dan tepuk tangan 3 kali sahaja.haha

p/s :solehah dh try buat tadi.dapat dah.hehe..cik tira..klau xdpat jugak.jgn segan segan bgitau solehah yep.daa.babai..selamat malam :)