1.2.11

TUTORIAL : ASINGKAN KOTAK SIDEBAR GADGET (designer template)

yuhuu..solehah buat satu lagi tutorial untuk pengguna designer template.ekcely,petg tadi...
kak oura ada jugak tnya kt ym solehah..cmana nak asingkan widget..eh.eh.bukak EBT pn.
adek tira ada request jugak..ha.nie sis dh buat..ngee..yg xpkai designer template tu..korg jgn
try tutorial nie okei.try yg nie..KLIK SINI    :)

LANGKAH 1
  • mula mula..DESIGN > PAGE ELEMENT > EDIT HTML
LANGKAH 2
  • dah??cari koding nie..    (ctrl+F lg senang bah..hehe)

]]></b:skin>

LANGKAH 3
  • ambik koding yg nie pulak..paste kt atas/sebelom koding kt langkah 2 td.. :)

.sidebar .widget {
background: #ffffff ;
border: 3px solid #FF0066;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .widget {
background:  ;
border: 0px solid #CCCCCC;
border-bottom: 0px solid #CCCCCC; 
margin:0 0 1.5em; padding:0 0 1.5em;
}


LANGKAH 4
  • hoho,kalau nak senang faham koding nie.korang paste dalam notepad dulu.solehah xplen okei.hee
  1. .sidebar .widget { = yang nie la kotak gadget kt sidebar korang tu.background..korang tukar la warna yang korang bekenan.hehe.border pun korang boleh tukar gak..
  2. .main .widget { = untuk template yang cm nie..main widget kotak untuk setiap entri.kalau korang nak.boleh la tukar jugak..hoho :)
LANGKAH 5
  • dah siap?xda error?korang save je lh..hehe :) klau ada yg xdpt buat..bgtau solehah okei...nnti solehah tolg..ngee . *pastikan background sidebar tu bwat transparent okei..klau tak..kurang cantek..ataupun. mata solehah je kot asa cmtu.ekeke..

*gudluck sis tira.semoga berjaya .. :)


25 comments:

Ayuni said...

dh wat, tp x jd pun.....

Anonymous said...

trimas sys soleha ;D
tira buad jadi . trime ksh ;D

♥ solehah ♥ said...

@Ayuni

ayuni..add fb ebt okei.senang solehah nk tau ayuni wt cmane.. :)

♥ solehah ♥ said...

@atirah rosmi

yeye!tahniah..hehe..sama2 tira

Unknown said...

x phm..hua.cam ane nehh!

♥ solehah ♥ said...

@asyekghani

alamk..hehe..
nnti add fb ebt okeh..nnti solehah xplen lagi :)

mySara said...

solehah.. :)
thanks dear..mysara buat jadikk.tp mcm ade yg kurang.huhu

♥ solehah ♥ said...

@♥cik mySara♥

apa yg kurg tu mysara.. :)

Fara Farhana ™ said...

da jadik!
thanks ek :)

marilah singgah http://meisjawa.blogspot.com

mySara said...

knpe dye x asingkn antara box tu..npe je dye straight jek smpai bwh..haha, ke slh eak?

♥ solehah ♥ said...

@Fara Farhana ♥™

yey..jadik pun.hehe..
okeh2.jp lg solehah melawat blog sys okeh. :)

♥ solehah ♥ said...

@♥cik mySara♥
oh.tu sebab mysara blom buang background sidebar.. :)

Farahin Tajul Ariffin said...

kak.. macamana pulak nak tukar colour border 2 ha? :D

♥ solehah ♥ said...

@Farahin Paen

nk tuka kaler boder kt koding nie.

border: 3px solid #FF0066;

tukar je kod warna blakg tu. :)

fatin wawa said...

akk soleha knape ekk kte ble nak cri kod tuh tak jdi..srius ny mmg tak pnah jdi,ble tkan untuk cri msti dye klaur number 0 kt kiri tuh
kenape ekk tlg lahh sye !

♥ solehah ♥ said...

@fatin wawa

fatin..akak kurg fhm laa..
cmane tu??hee

razzmatazz said...
This comment has been removed by the author.
razzmatazz said...

background: #ffffff tu tak yah tukar ke?

main widget { tu pun tak paham sangat :(

* reply dkt emel jaja :)
blueteam_peace@y.c.m

d said...

aya guna tutor ni,
trimas tau!

d said...

aya guna tutor ni,
trimas tau!

Ferfarfer said...

da try tapi cm tak cantekk jer. hehe. nseb bek lom save ag

bella hamzah said...

da try jadi.. time kasih :)

Maisarah Sabri said...

salam..nape ta jdi ek ?
btw , nice blog ..

Sarah Nadia said...

slm..
nice...sy buat jd tp camne nk jarakkan sikit post kte tu dari border... xnk rapat sgt..hope leh ajr..

Shazzy82 said...

setuju ngan Sarah Nadia. cmne nk jarakkan sket dari border?

satu lagi nak taw, cmne ek.. kalau ada widget yg kita sorok, tp bile wat tuto ni dia ada... jadi petak kosong. nmpk xlawa. cmne nk buat tu ye dik?

 
Design by AH|SW |Empayar Bintang Tiga 2013