Home
tutorial
Tips-Tips

Santai Bersama Ben Ashaari

20 December 2010

Tutorial : Sidebar Title Background

Hoyt ! nak tahu macam mana Lyssa buad mcm kat bawah niyh ker ?

 

Follow step kat bawah ni , ok ?
1. Dashboard => Design => Edit HTML =>Tick Expand Widget Templates .
2. Tekan CTRL+F search for this code
h2 {
3. Bila da jumpa , copy code kat bawah ni and paste dekat bawah code h2 {
background:url(URL GAMBAR PILIHAN)

4. lepas tu paste dekat bawah code ni text-transform:uppercase;
nanti dia akan jadi macam ni .

h2{text-align:center;
margin:0 0 1em 0;
font:$(widget.title.font);
color:$(widget.title.text.color);
text-transform:uppercase;
background:url('URL GAMBAR PILIHAN')}
* preview dulu . kalau jadi, save jela ok .^_^


**PERINGATAN = Kpd sesiapa yang hendak COPY code dalam tuto nih , buat mcm ni :**
TEKAN = Ctrl+C (serentak)!

194 000 orang Pengomen Terhebat !!:

ema.amirah said...

lysaa. kalo pakai background lain drpd yg ada kat blog ni, memg html pon berubah ke? ---plz reply kat my shoutbox eh.. huhu

ema.amirah said...

h2"> ... kalo jadik cmne camne lyssa? ==''

Lyssa Dollixious said...

haa . boleh jgk tuh paste je kat bawah kod h2">
tuh , then , preview tgk.~

buNga mEkar said...

tak jadi la..
canew eyh..?

Lyssa Dollixious said...

@buNga mEkar

hehe . ntah . ada masalah lah tuh ;)

zue said...

hello..zue x fhm kt yg 6ber 4 tu..la
nk paste apew yew kt
bwah code niy
text-transform:uppercase;

buNga mEkar said...

yg nu.4 tuu ta fham laa..!

Lyssa Dollixious said...

@zue

ye lol yunk .
paste code text-transform:uppercase;
kat bawah h2{text-align:center;

margin:0 0 1em 0;

font:$(widget.title.font);

color:$(widget.title.text.color);

paham sayang sekalian ?

eiQah d0llyd0lly said...

nak cari background side bar tu kat mna eyh..?

~Queen Of Heart~ said...

tak paham lar langah ke4 tuh...
lbh detail..bleh??

Lyssa Dollixious said...

@eiQah d0llyd0lly

eiqa ; rujuk tuto bckground ^^

Lyssa Dollixious said...

ohhh . yg itu , url baCGROUND , paste kt bawah kod ni

h2{text-align:center;

margin:0 0 1em 0;

font:$(widget.title.font);

color:$(widget.title.text.color);

text-transform:uppercase;

eVariena♥ said...

nk tnye..agk2 brape width n height gmbr background 2..??

Lyssa Dollixious said...

@eVariena♥

ohh ,yg width tuh , TAK kesah bpe pon width n height dia . juz masok kan je URL bacground tuh .

eVariena♥ said...

xjd pn..nmpk ckit je..

NAD_YA said...

jumpe ni je
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);

margin: 0 0 .5em;
}

h2.date-header {
font: $(date.font);
color: $(date.text.color);

Lyssa Dollixious said...

@NAD_YA

ohh .ye ye . letak url background kt bahagian bawah h2 { tuh .~

jღ®ϊ●●ղՕvЗllღ said...

bley kasi code untuk buat border sisi sidebar background tu x?

Lyssa Dollixious said...

@jღ®ϊ●●ղՕvЗllღ

ohh . yg itu , Lyssa tk thu lol dear.~

NAD_YA said...

lyssa, nape bile sy cari 'h2{' phrase not found ? thanks

NAD_YA said...

:)

Lyssa Dollixious said...

@NAD_YA

ohh . silap tuh , lyssa dh edit kan blk lah~
cuba try cari blk . kompom ada!!

NAD_YA said...

ohhh. pahgam . thanks lyssa. :)

Lyssa Dollixious said...

@NAD_YA

welkem ! hehe :)

bieyaaaaah said...

knpe tak jd? T.T

Sofie Ezzaty said...

@Lyssa Dollixious kak lyssa , ape tajuk lagu blog kak lyssa ney erk n siape penyanyi nye?

Lyssa Dollixious said...

@bieyaaaaah

tak jadi .? kot tak jumpa ker?

Tuan Blog Ineyh . said...

@Lyssa Dollixious
Kak Lyssa ! Nk crik sidebar punya background tu kt mne ye ? bole bgy link x . sorry menyusahkan . kalau bole , nk tau dgn segera . Thanks Kak :)

Tuan Blog Ineyh . said...

Kak , boleh bgy x link nk crik background sidebar neyh ? and mcm mne nk copy url dia , pls , thanks kak .

syiqa said...

lyssa , ta jdy lar..
mcm mn erk ?

Lyssa Dollixious said...

@syiqa

tk jadi knpe ye ,? tk jumpa kot kerp .??

Awan Fantasia said...

@Lyssa Dollixious
salam...macamana yea nak buat step 4 kalau ada kod nie :

/* Headings
----------------------------------------------- */
h2 {
background:url(URL GAMBAR PILIHAN)
font: $(widget.title.font);
color: $(widget.title.text.color);
}

/* Widgets
----------------------------------------------- */
.main-inner .section {
margin: 0 27px;
padding: 0;
}

Reply dgn komen kat mana2 entry dlm blog saya k...plizzzzzzzzz...hehe..:-)

Lyssa Dollixious said...

@Awan Fantasia

ohh .juz tambah yang ini...

text-transform:uppercase;

background:url('URL GAMBAR PILIHAN')}

selepas ni ..

color: $(widget.title.text.color);

Awan Fantasia said...

@Lyssa Dollixious
so,background:url('URL GAMBAR PILIHAN')} ada dua kali la yea?..n nak tanya skit,macamana nak buat blog loading laju macam blog nie?mmg laju..pakai CDN ka?

. said...

kak lysaa y ftin pnya sidebar kecik?..ftin nak bsarkan skit mcm kak lysaa lha..tpi xreti.

Lyssa Dollixious said...

@Awan Fantasia

hahahhaa.. laju kerpp .? biar btoll ? hahaha . Lyssa pun tk thu .. mcm mana boleh laju.. padahall.. Lyssa tk buat pape pun... tk pakai CDN pon .. :pp

Lyssa Dollixious said...

@.

ohh . kecikk .?? cm ner ehh .?? mybe,, edit kasikk besaq lagiikk kott :) huhu .. Lyssa edit sndiri.. tk guna pon tutorial ini ;)

Fatma Diyana MB. said...

kak lyssa, nak tanya. kenapa selepas saya apply tutorial ni, saya dah tak boleh ubah jenis font, saiz font untuk tittle sidebar ? nak remove gadget punn tak boleh. huu.

sorry, susahkan akak. dan thanks untuk semua tuto yang awesome ni. hee :))

Fatma Diyana MB. said...

akak, nanti reply kat shoutbox saya ye. thanks akak comel ! :D

Lyssa Dollixious said...

@Fatma Diyana MB.

loll.. btol ker?? nak remove gadget pon dh tk boleh dahh ? pelik lol.. yg itu,, akk tk thu lah pulak .. sbb b4 niyh.. akk ikot tuto mcm niyh.. boleh jer nak remove gadget n tukar font ... aduyy.. cm ner erhh .?

Fatma Diyana MB. said...

emm. macam mana ye. hee. tak apa laa, akak. saya cuba lagi. a big thanks btw :))

Fatma Diyana MB. said...

emm. macam mana ye. hee. tak apa laa, akak. saya cuba lagi. a big thanks btw :))

Fatma Diyana MB. said...

akak, dah jadi. hee :DD

Lyssa Dollixious said...

@Fatma Diyana MB.

heheh .tuh lahh.. kena bnyk kali try.. baru menjadi ! jgn cepat putus asa!:))

ainin _farah said...

hhuhuhuhuh . kak lisaaa .. knp xjd :'(
dkat dgn 100 kali dh sy cube ,, hihihi

ainin _farah said...

kak lisaa . nape xjd ? dh dkat 100 kali sy cube :'((

Lyssa Dollixious said...

@ainin _farah

loll. nk dekat 100 kali kerp ? ololorr. kcian tat dia.. tk per.. kasik emel ngn psword kt inbox fb sys k ? tk yah add pon tk per..

Anonymous said...

kak..lyssa...sye..x de..kod H2{ 2......nk uat cmne.....

nurdinihusnina said...

kak lyssa!!thanks sgt2.,at last,mnjd jgk tuto ni.,sayang kak lyysa.,hehe

Syahirah said...

@ema.amirah

Syahirah said...

kak lyssa.. mcm mne nak cri url gambar??? x pham..

syafiqah_eqah .. said...

lyssa, background die nk amek kt ner..??

Anonymous said...

kak lyssa , x faham tol lah!! lepas cari yg no.2 tu,, letak yg no.3 tukat bawah no.3 or no.4 tue???
no.4 tu kat mne nk letak pulak???? x faham lah~ mintak tolong sesangat kat kak lyssa edit balik tuto tu~ guna bhs yg lebih mudah difahami~ sy nie owg swak...xpndai sgt bhs owg mcm kak lyssa nie~hehe .. boleh x kak??? kalau xnak pun,,,ajar mowmoy kt cnie yea??? ty kak lyssa~

Cik Sue Merah Jambu!! said...

thanks kak lyssa..
sume tuto saye ikut m'jdi..hehe..like3.

ainaa.syafiqah27 said...

yeyh.. jadi.. tq...

syafiqah_eqah .. said...

kak lyssa, nk amek url background kt ner.?

Zakirah Zainal said...

Mmm , Akk , Ni nk tnye sikit , mm , cane nk ckp ek , susah nk explain .. oke , cani la , klu la kite da buat mm , yg background 4 post title tu , bole ke buat untuk background 4 sidebar jugak ? dulu sye buat due2 jadi , tpi gatal gi edit , tetibe x jadi da , yg background 4 post title je yg bole . cane ek ?

zana said...

dah jadi! wewitt2.. hehe

rmai yg konfius dkt no 4 tu kn..saya pun tp dh ok..=)

yaya dluver said...

@Lyssa Dollixious

lyssa sy lmah BI !!!!!!!!!!!!!

Kuchiki EnnaMoon said...

huhu!! tengs!! ikhlas dari saya.. hahaa :)

izni said...

/* Headings
----------------------------------------------- */
h2 {
background:url(http://www.glitter-graphics.com/images/empty.gif)
font: $(widget.title.font);
color: $(widget.title.text.color);
text-transform:uppercase;

background:url(http://www.glitter-graphics.com/images/empty.gif)}


margin: 0 0 .5em;
}

h2.date-header {
font: $(date.font);
color: $(date.text.color);
}

dik, macam nih ke? if betul..sumpah x jadi ! kenapakah? agpon, tutor yg nih macam putar belit. sory to say.

izni said...

thnx 4 d tutorial. :)

Cik Pijunn said...

knp byk yg tk jadi nih! tak paham lah

g-ha ;p said...

cam mnea neh lysaa ? tk phm lh

aina said...

yeay..dh jd..thanks lyssa;))

auniey atierah said...

kak lyssa ..
aunieyy ta faham lhaa yg no 4 tuhh ..
aunieyy da buad da url image tuhh ..
pastuh paste text-transform:uppercase; ..
tapy ta jedi punn yg
h2{text-align:center;

margin:0 0 1em 0;

font:$(widget.title.font);

color:$(widget.title.text.color);

text-transform:uppercase;

background:url('URL GAMBAR PILIHAN')}

pening lhaa ..

shoshie moshie said...

kak lyssa .. kalau nk bt background dkt code .. mcm mne ?? bleh bt tutorial ??

AINNA FADHILLA said...

camane nak cari gambar background die ?

Shira Nur said...

Thx lyssa ..
Dh menjadi ..

Aini Ruzaini said...

kak lyssa.. saye buat.. da jadik.. saye nak tukar background laen.. saye nak tukar url gamba tapi die still jadi background yang lame.. cam ne ek?

ni code die.. reply please..

h2 {
text-align:center;
margin: 0 0 1em 0;

font: $(widget.title.font);
color: $(widget.title.text.color);
text-transform: uppercase;
background:url('http://i409.photobucket.com/albums/pp178/edsnanquil/a.jpg')}

prinCess zeneL said...

kalau syer punye ader mcm ni bwah h2 }



text-shadow: 2px 2px 3px #FE642E;
background:url(http://dl8.glitter-graphics.net/pub/2230/2230478o8jd92zd3k.gif);
background-repeat: no-repeat;
background-position:right center;
padding:5px 3px 0 30px;
}

color: #ffffff;
background:#F9627F;
border-bottom: 2px solid #FCD8DC;
line-height: 2em;
font-family: Trebuchet MS, Georgia, "Times New Roman", Times, serif;
font-size: 14px;
padding: 2px 5px;
margin: 0px;
}

mana nak letak apa yg lyssa aja tu?

ƨнαтιяα ! ♥ said...

kak lyssa , yg step ke-4 tu paste ape plak ??

NoRMa aZurA iSMaiL said...

try buat..da jadi...

cuma, mcmmana nak besarkan dier punya kotak, n nal bg kotak tu bulat ke or laen bentuk..sy buat dpt 4 segi jew...

NoRMa aZurA iSMaiL said...

entry penghargaan

http://lifezheartyz.blogspot.com/2011/07/tutorial-tajuk-sidebar-ader-background.html

tonaH iS herE said...

aikk jadik la lyssa.....thanx 4 ur tutor ea~

Syed said...

cmner mau upload pic kt blog erk?..

Wniy said...

akk,knpe wannie ta jumpa pun kod yg no 4 uh?

cwunk eyra said...

kak lyssa , npea thak jadie pun ? kak lyssa bule tolonk uad thak ?

cwunk eyra said...

kak lyssa npea thak byle uad pun , kak lyssa bule tolonk uad thak ?

hanyzham hadny said...

salam..
nak tnya mcm mna nk buang rungan widget title yang tak diguna/kosong??nmpk cacat la kat blog saya..nnt tnggal ja komen/respon/jawapan kat mna2 rungan komen..yang pentng bukan kat shout box..harap boleh bntu la selesai masalah ni

Nurin Nadiah Sakri said...

@Lyssa Dollixious
kak lysa ! cner nk wt yg click2 tu ? macm yg k.lysa ngn BF tu ? faham2 je arhh erkk .. alaaa .. yg klik2 tu .. mcam yg gambr k.lysa ngn Bf .. untok click2 .. faham kn ? hrap faham lhaa yerk ! he3

blackpink said...

assalamualaikum..kak lyssa mcm mane nak buat ??? saya tak tau nak buat larh ...:(

mimiew said...

hye,lysaa, tak menjadi laa .. hehe, blh bgtw lebih jelas ka ? rep k .

fatin hassan said...

@mimiewkakak,mcm mne nk wat gmbr kat atas tuh..? mcm gmbr akak yg comel tu...

didi oren ♥ said...

kak lyssa, macam mane nak cari url gamba mcm kak lyssa punye? erm, satu lg. macam mane nak center kan tulisan dalam uh?

Cik Kasut said...

dah jadi cuma kat ne lagi yek boleh dapat cam lyysa punyer tu yek...kalau boleh nak yang bulat di hujung ker tak pun macam lyysa punyer tu siap ada rama2 lagi.... klu boleh reply kot shoutbox leh x?takut x teperasan lak klu komen dlm nie....tq :)

MOHD.AFANNDY said...

lisa..mcm mana awak buat ko punya sidebar title tu yang "about me' 'entry' semua tu ?

aya blog said...

@Lyssa Dollixious

kak lyssa...saya x fhm la...yang step 1,2,3 dh fhm tapi step 4 yg saya x fhm...help me!!

I-sya said...

Kak Lyssa :(

Sy punye mcm neh .

/* Sidebar Content
----------------------------------------------- */
.sidebar h2 {
text-align:center;


margin: 1.6em 0 .5em;
padding: 4px 5px;
background-color: $sidebarTitleBgColor;
font-size: 100%;
color: $sidebarTitleTextColor;
}

.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar li {
margin: 0;
padding-top: 0;
padding-$endSide: 0;
padding-bottom: .5em;
padding-$startSide: 15px;
text-indent: -15px;
line-height: 1.5em;
}
.sidebar {
color: $textColor;
line-height:1.3em;
}
.sidebar .widget {
margin-bottom: 1em;
}

.sidebar .widget-content {
margin: 0 5px;
}


Hehehe . Penuh sy bagi . Kat mne nak paste ?

Myra Moyy said...

kak lysaaa , myra buat tak jadi punn ? --' hmm bengang dh neii tak faham lha .

anieyz said...

xfaham larrr...dahh banyak kali buat neyh :(

Nooraliani Aina said...

Menjadi.. Thanks...

Hannan Sofea 99 said...

nak cari utu camna url.. kak lyssa tolong cari boleyh x ??

Risnandha said...

thanks :D

azmira said...

kak lyssa.. nape saiz sidebar title tu kecik.. background jd half sdaa -.- reply pliss >_<

sHafiQah FazLynA said...

salam kak lyssa . suda jadi . trimas .

cikenagiladomo said...

xpaham yg no 4 tue.plezz kak lyssa.nk jugak buat!!

hadieza said...

Kak lyssa ! nak yang nii ! nak juga nakjuga !#hentak hentak kaki ! haha
tapi tak jadi :(

yasminehaniszakir said...

kalau xde text-transform:uppercase; xboleh buad ker ?

AmEr EymAn said...

thx! akak

anysa adieba said...

tak jadi laa kak...
tak paham,,,,

♥ nazahah ♥ said...

thanx lyssa :D

ShafyqOnlyy said...

balas tau .
ada tempat lain lagi tak nak tengok TUTORIAL pasal ni .
sorry , jangan tak balas pula .
saya kurang faham tutorial lyssa ni .
JUJUR .
jangan marah .
bukan saya saja , orang lain pun mengalami masalah yang sama macam saya !

ツ Nur Edayah ツ said...

sys lyssa..saia budax bru blaja na buwat blog..tutor yg laen saia ley buwat..tp yg niey saia ta ley buwat..sys lyssa buley tlong saia tak ?

Melin's Secret said...

lyssa,,,
cam mane lak kl0 nk letak border ??

Siti Nur Afiqah said...

kak lyssa...dy akan jd camni ker?!!

/* Headings
----------------------------------------------- */
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
text-transform:uppercase;
background:url('http://i1179.photobucket.com/albums/x391/adikazi/images.jpg')}

Siti Nur Afiqah said...

kak lyssa...dy akan jd camni ker?!!

/* Headings
----------------------------------------------- */
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
text-transform:uppercase;
background:url('http://i1179.photobucket.com/albums/x391/adikazi/images.jpg')}

Siti Nur Afiqah said...

kak lyssa...dy akan jd camni ker?!!

/* Headings
----------------------------------------------- */
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
text-transform:uppercase;
background:url('http://i1179.photobucket.com/albums/x391/adikazi/images.jpg')}

Siti Nur Afiqah said...

kak lyssa x jadik...

miSpYeja said...

@buNga mEkar
xjadi laaaa

Asnida Ridzuan said...

thank you kak lyssa.

hasz wharnz said...

kak lisa, boleh tak bagi url gambar pilihan tu. tak tahu nak letak apa. kalau sudah edit post kak lisa ni. bagitau k.

ツ Nur Edayah ツ said...

sys lyssa...na crik background kat photobucket kn ? na tulis apew name kat search site tuh ?

bidadari nakal said...

kak lyssa ,,mcm mane nak buat kotak kat tepi mcm kak lyssa buat ?sye crik kat tutorial kak lyssa tak jumpe laa ..yg about me ,,old entry dll ..hrp dpt beri tnjok ajar ..:)

aiena jiaa said...

kak , tak jadi lha

m[R]aRqYiM said...

thanks , menjadi ^^

suzanne said...

yang langkah no4 tu kene pilih salah satu ker ataupon copy semuanye. dah copy , nak paste kat bawah mana?

eda said...

serious x mnjdi kot.. :(

cheezy_chieze said...

thanks lysa..dh lama sy cari nak wat sidebar sy menarik tp xjumpe.naseb sy dh jumpa blog awk.
sy rasa befor that sy mcm penah jumpe awk la kt kem.

nurul faizah lavato dududew said...

kak lyssa...saya skarang ney dowk try buat template tpi x jdi cmne nak buat erkk???

Syuhada Nur Ekhwan said...

lyssa... x jd la.... cm ne ek???? reply kt shoudbox kta k

Story of Our Life said...

akk, xjdik laa. bila preview dia muncul ape nth.. cm ne nii :(

LOVETA 따 쉬게 소호 said...

kak lyssa, da jd, tp nmpak cket je.. npe ar?.

cik niena said...

ta jd pown ..mcm mna nak wat nie?

isz said...

@Lyssa Dollixious

Hi kak lyssa, cane niy sy just jmpe yg ny jew . x phm ar cane na wat

/* Headings
----------------------------------------------- */
h2 {
font: $(widget.title.font);
text-transform: $(widget.title.text.transform);
color: $(widget.title.text.color);
margin: .5em 0;
}

/* Main
----------------------------------------------- */

cik nia said...

kak lyssa... tolong sayer...
saye punyer ader mcm nieyh...

h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);

margin: 0 0 .5em;
}

h2.date-header {
font: $(date.font);
color: $(date.text.color);
}

/* Main
----------------------------------------------- */

tak taw nak letak kt mane...
ntw, thnx so much k.lyssa for the tuto...

Siti Naziha Armalia said...

Dah jadi. Thnkz kq.

CiK FizA said...

hehehe~ Dah jadik.. hikhik.. Tengs sys ! :) Cumil Blog nie.. macam tuan dya la ^^

Farrah Umairah said...

akq lyssa.. saye cari h2{ tu x jmpe ar.. dye juz adew h2 jer.. yg { <-- xde!! cam ne erk..??
pening2!!

Eyfa Nadia said...

kak lyssa , dulu sy ade bwat centerkan title sidebar,, pastu, sy ikot tuto ni npe tak center lagi ? background nya pown x tmbol2 .. reply please ...

FaRaH_fUnKa_WeIrD !! said...

URgEnT!

kak lyssa..sy jupe yg ni..

h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
}

.main-inner h2.date-header {
font: $(date.font);
color: $(date.text.color);
}

.footer-inner .widget h2,
.sidebar .widget h2 {
padding-bottom: .5em;
}

nk paste kat mne erk? dh lme gk sy follow tuto yg ni,xjadi2..pening pla dh :((

Frieselah Ceela said...

mcm mana nak cari url gambar pilihan 2?

LadyDana said...

siyesly x faham. yg text transform upper case tu ape plak? nak paste kat mana?

Syafiqa said...

@LadyDana text transform upper case tu cube ladyana tgok baik2. scroll skit kat bawah, ade code text transform uppercase tu kan? so ladyana paste bnde yg same dekat bwah text transform uppercase. mcm ni..
h2 {
background:url(BACKGROUND SENDIRI)
margin: 0 0 1em 0;

font: $(widget.title.font);
color: $(widget.title.text.color);
text-transform: uppercase;
background:url(BACKGROUND SENDIRI)


K SELAMAT MNCUBA :)

TyRa CwEeT c0oKeY c0kIe~~ said...

kak lyssa!!x jadi larhh!!
dah 44 kali saya buat x jdie..cmner erk..s0wry kalau mnyushkan kak lyssa!

natra nasir said...

kak lysa mcm mane nk cari background yg cantik mcm ni http://ainafarahindomo.blogspot.com/ ?

Norman Nurhakim said...

akak..Url image tu nk cri kat mne?

*putery* *secret* said...

@buNga mEkar
k lysa , cam nerh niew , x bole pow , saye dha tken ctrl +f x bole lha ,
nak tkan ctrl + f att bolg kite kerh , or blog k lysa ?

marina musa said...

yee dahh jadi thanks kak lyssa yg comel :D

mie &amp; eika said...

sy ada ikot ttorial lyssa yg Tutorial : Letak Button Follow....button 2 ada kt top blah knn....so mmg jd la....tp ada msalah skit....dia kuar stu border kosong kt blah knn bhagian bwh about me....kn kt situ kita paste code html kita...so kuar kotak kosong kt si2....klu dlete hilang la button follow....so cmna nak hide kn kotak widget 2????????

shasha ieyka said...

sy buad x jd lha . cmne nim ! kak lyssa tlg buad b0ley . nk sgt2 buad . dh bpe kly cube . xb0ley !!

Anisah Suhaila said...

kak lyssa , code h2 { mmg bwh headings ye ?? or bwh sidebar ??

scyAmiemiey sAiDi said...

thanks 4 de tuto kak chumil lyssa .. jdi pn ,, weee !!

Rusnani Kamila (◕‿◕)♥ said...

Jadi ~ yeah ! TQ kak lyssa :D

Nik Syafiqah Mohd Fisal said...

kak lyssa , saya ada sikit yg ta faham ni .

lepas tu paste dekat bawah code ni text-transform:uppercase;
nanti dia akan jadi macam ni .

yang ni na wat camne ? ta faham la . hehe .

e-ly hye-fa said...

Kak Lyssa , nape saye wat x mnjadi ekh ?

Fynaz Ahmad said...

kak lyssa ,
dah dkat 12x cuba .
knape tak jadi-jadi nih ??
alaaaa ~~

Adeeba Azmi said...

Kak LYSSAAAAA , tak jadi punnn . Cemane ni ?

Sabrina said...

hy kak lyssa. cemne nk bwt background blog sendiri? manelah tau kak lyssa tau, kan?? huhuuhu...

Maizatul Syuhaidah said...

thnks kak lyssa dah jdi :)

Adilla Hairul said...

kak lyssa,macam ne nk wat cursor yg boleh ada gbr kite?

airamizan said...

akak,nape tak jd ? pnat aira cri kod tuh. ad tu ad tp xde pun text-transform:uppercase; , huhuhu . help me plezz :'(

ameerasidi said...

thank lysa...sye suke

shahril afendi said...

ok...thanks for the tutorial lyssa..ianya mnjadi...^__^

♥ CikSepet ♥ said...

mcm mne nk cari url gambar tu..??

gadiscelop said...

ta dapat pun , macam mane na buat

Aznana said...

nape x jdik??? background kat sidebar tu jdik hilang.. da lme da try.. asyik x jdik jek.. emmm >_<

Rint Ahmad said...

jadi2..thx

Cik Ann_secret203 said...

Siyes xjd...huhu..-.-"
sedeyhh amat..

nurshafika said...

assalamualaikum kak lyssa (:

pika mintak izin , pika ade guna sikit tutorial kak lyssa . terimakasih yea kak

nurshafika said...

assalamualaikum kak lyssa (:

pika mintak izin , pika ade guna sikit tutorial kak lyssa . terimakasih yea kak

DielaSebok said...

h2 {
font-family:Udamojial;
background: #FFBABA;
border-right: 7px solid #F778A1;

text-align:center;
line-height: 1.4em;
margin: 1.6em 0 .5em;
padding: 4px 5px;
font:$headerfont;

text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;


taa jadilaa , ada code nyhh --'

Ros Syahirah Zakaria said...

kak lyssa,klu ader kod cam kat bwh ni ,nak tambah apew??

h2 {
background-repeat: no-repeat;
background-position:left center;
padding:5px 3px 0 30px;
}
font: $(widget.title.font);
text-transform: $(widget.title.text.transform);
color: $(widget.title.text.color);
margin: .5em 0;

}

miss lieya said...

salam kak!
lieya tak paham lah tang URL BACKGROUND tuh? mane nak datang nyer? terang kan boleh? hehehe,, btw, thanks sbb bnyak bg tunjuk aja,, comey dah blog lieya,, haha,,

Monolog seorang hamba said...

lyssa, akak punya jadik camni..

/* Headings
----------------------------------------------- */
h2 {
font: $(widget.title.font);
text-transform: $(widget.title.text.transform);
color: $(widget.title.text.color);
margin: .5em 0;
}



TAK FAHAM LERR...EXPLEN SIKIT

MiSsJue said...

Jadik!!! Tq lysaa! awesome..Saya cuma edit n copy jek instruction u yg plg bawah n tukar cuma URL gambar tu je..

Just copy paste
h2{text-align:center;
margin:0 0 1em 0;
font:$(widget.title.font);
color:$(widget.title.text.color);
text-transform:uppercase;
background:url('URL GAMBAR PILIHAN')}

Utk sample background, saya visit blog http://nabiyha-lovalife.blogspot.com/2011/08/freebies-cute-background-for-you.html ni..:)

Yati...weeee:)) said...

salam..
lyssa sayam...da jadi tq.

cikq Anne said...

yeye..tq akak..da jd da..heheh..nk tgk x??kt sini : http://cikqanneroses.blogspot.com

nurun nasuha said...

da jadi ! thankz kak, tapi x chantik la..cuba kak tgok http://chuachowder.blogspot.com

Embun Salju Koleksi said...

cmne nak bg header sidebar tuh melengkung??n ada border line?plis help

Nurul Syahmina said...

thanks .. dh jdik laa ..

Myra Lyssa said...

Thanks kakk lyssa !

Fauziah said...

Sys , tolong syaa , syaa asik buat then asik tersekat , sye terpakse buat blog laen , please sys buatkan ? buatkan tu jee .

permata biru said...

thanks..jadi..banyak betul ilmu dapat dr lyssa nie..hihi

D' Black Writer said...

saya tak paham bila Kak Lyssa suruh buat step ke-4 tu..

D' Black Writer said...

akak menjadi, thanks... tapi semua tulisan dia capital lak.. haha merapu betul xD anyway thanks again!

eyra bla bla bla # said...

kak lysaaa , kt mane nak cari background tu erkk ?

Nurul Anisah said...

Tq kak Lyssa :)

HANNA NIR said...

lysaa saya ada soalan bodoh disini :D HAHA mana nk carik URL BACKGROUND tuw *tlgjgngelak okehhh :P huhuhu

manjenoorsam said...

akak macam mane nak buat tajuk sidebar :) sorry mcm kuno sikit kan :(

Linda An Nur said...

jadi ^_^

Zizi Ezzaty said...

Step 4 xphm..

Syaz Mimie said...

Thx kak Lyssa !
Menjadi ! ^______^

Little Ainnur ♥ said...

ta jdi lha kak lyssa .

aifa saja said...

susah la...

Aril Impian said...

terbang malam.....kepak panjang.......hujan lebat singah sini kejap.....

#Farah Arina ! said...

Thankyouu so much sis . Akhirnya jadi jugak ;D

Anonymous said...

Thankz kaq lyssa jadik hikhok!

나의 이야기 said...

}
/* Headings
----------------------------------------------- */
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
}

.main-inner h2.date-header {
font: $(date.font);
color: $(date.text.color);
}

.footer-inner .widget h2,
.sidebar .widget h2 {
background:url(URL GAMBAR PILIHAN)
padding-bottom: .5em;
}

/* Main
----------------------------------------------- */

kalau jadi cmni yng no 4 tu nak wat cmne???

nurul izzah said...

Kak Lysaa tak paham la nak kena paste kat bawah mane? or paste due - due sekali

Sally's Diva said...

yeay..tq..

Nur Farrah Izzati binti Yusri said...

Kak Lyssa , nak cari URL Background dekat mana ?

Murni Afiqah said...

a'ah lyssa sy ada jumpa banyak h2.

jd utk peringatan mesra bloggers yang kena masalah ni, h2 yang ni ye:
.sidebar .widget h2{

jadi jangan main paste je. mcm saya salah letak coding takde apa pun jadi. =) harap lyssa boleh tolong update tutorial ni kot2 jadi kes mcm sy. btw hari ni touchup blog jadi sy banyak guna tutorial lyssa. Thanks a lot ya!

Blank G said...

@Lyssa Dollixious
saya punx blh..saya blog baru..27/04/2013