Tutorial : Sidebar Title Background

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

 

Follow step kat bawah ni , ok ?
1. Dashboard => Template => Edit HTML =>Ikut tutorial ini  .
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)!
KONGSIKAN ARTIKEL INI..
Previous
Next Post »

200 000 orang Comment Di Sini

Write 000 orang Comment Di Sini
ema.amirah
AUTHOR
January 9, 2011 at 9:44 AM delete

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

avatar
ema.amirah
AUTHOR
January 9, 2011 at 8:29 PM delete

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

avatar
January 9, 2011 at 8:31 PM delete

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

avatar
buNga mEkar
AUTHOR
January 16, 2011 at 11:24 PM delete

tak jadi la..
canew eyh..?

avatar
January 17, 2011 at 7:43 PM delete

@buNga mEkar

hehe . ntah . ada masalah lah tuh ;)

avatar
zue
AUTHOR
January 27, 2011 at 6:47 PM delete

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

avatar
buNga mEkar
AUTHOR
January 28, 2011 at 3:58 PM delete

yg nu.4 tuu ta fham laa..!

avatar
January 28, 2011 at 7:43 PM delete

@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 ?

avatar
February 3, 2011 at 8:42 PM delete

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

avatar
February 6, 2011 at 5:28 PM delete

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

avatar
February 6, 2011 at 7:27 PM delete

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;

avatar
eVariena♥
AUTHOR
February 26, 2011 at 10:48 AM delete

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

avatar
February 26, 2011 at 11:07 AM delete

@eVariena♥

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

avatar
NAD_YA
AUTHOR
March 4, 2011 at 1:45 PM delete

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);

avatar
March 4, 2011 at 3:41 PM delete

@NAD_YA

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

avatar
March 9, 2011 at 12:44 PM delete

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

avatar
NAD_YA
AUTHOR
March 13, 2011 at 8:01 AM delete

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

avatar
March 13, 2011 at 8:05 AM delete

@NAD_YA

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

avatar
NAD_YA
AUTHOR
March 13, 2011 at 8:07 AM delete

ohhh. pahgam . thanks lyssa. :)

avatar
Sofie Ezzaty
AUTHOR
March 13, 2011 at 5:10 PM delete

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

avatar
March 13, 2011 at 5:26 PM delete

@bieyaaaaah

tak jadi .? kot tak jumpa ker?

avatar
March 15, 2011 at 8:40 AM delete

@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 :)

avatar
March 15, 2011 at 8:41 AM delete

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

avatar
syiqa
AUTHOR
March 19, 2011 at 12:03 AM delete

lyssa , ta jdy lar..
mcm mn erk ?

avatar
March 19, 2011 at 2:13 AM delete

@syiqa

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

avatar
Awan Fantasia
AUTHOR
March 30, 2011 at 3:20 PM delete

@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..:-)

avatar
March 30, 2011 at 10:02 PM delete

@Awan Fantasia

ohh .juz tambah yang ini...

text-transform:uppercase;

background:url('URL GAMBAR PILIHAN')}

selepas ni ..

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

avatar
Awan Fantasia
AUTHOR
March 30, 2011 at 10:53 PM delete

@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?

avatar
.
AUTHOR
March 30, 2011 at 11:00 PM delete

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

avatar
March 31, 2011 at 10:03 PM delete

@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

avatar
March 31, 2011 at 10:04 PM delete

@.

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

avatar
April 2, 2011 at 5:55 PM delete

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 :))

avatar
April 2, 2011 at 6:35 PM delete

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

avatar
April 2, 2011 at 7:14 PM delete

@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 .?

avatar
April 2, 2011 at 9:55 PM delete

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

avatar
April 2, 2011 at 9:56 PM delete

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

avatar
April 3, 2011 at 6:08 AM delete

@Fatma Diyana MB.

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

avatar
ainin _farah
AUTHOR
April 6, 2011 at 2:27 PM delete

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

avatar
ainin _farah
AUTHOR
April 6, 2011 at 2:28 PM delete

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

avatar
April 6, 2011 at 6:12 PM delete

@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..

avatar
Anonymous
AUTHOR
April 8, 2011 at 2:07 PM delete

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

avatar
April 8, 2011 at 9:17 PM delete

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

avatar
Syahirah
AUTHOR
April 16, 2011 at 3:45 PM delete

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

avatar
April 16, 2011 at 11:31 PM delete

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

avatar
Anonymous
AUTHOR
April 17, 2011 at 1:49 PM delete

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~

avatar
April 19, 2011 at 3:42 AM delete

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

avatar
April 24, 2011 at 8:39 PM delete

kak lyssa, nk amek url background kt ner.?

avatar
April 25, 2011 at 6:07 PM delete

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 ?

avatar
zana
AUTHOR
April 27, 2011 at 11:42 PM delete

dah jadi! wewitt2.. hehe

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

avatar
yaya dluver
AUTHOR
May 14, 2011 at 5:58 PM delete

@Lyssa Dollixious

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

avatar
May 17, 2011 at 5:02 PM delete

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

avatar
izni
AUTHOR
May 20, 2011 at 2:05 AM delete

/* 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.

avatar
izni
AUTHOR
May 20, 2011 at 3:46 AM delete

thnx 4 d tutorial. :)

avatar
Cik Pijunn
AUTHOR
May 22, 2011 at 8:39 PM delete

knp byk yg tk jadi nih! tak paham lah

avatar
g-ha ;p
AUTHOR
May 29, 2011 at 8:34 AM delete

cam mnea neh lysaa ? tk phm lh

avatar
aina
AUTHOR
May 31, 2011 at 2:59 PM delete

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

avatar
June 7, 2011 at 10:19 AM delete

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 ..

avatar
June 7, 2011 at 5:40 PM delete

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

avatar
June 9, 2011 at 10:32 PM delete

camane nak cari gambar background die ?

avatar
Shira Nur
AUTHOR
June 10, 2011 at 12:22 AM delete

Thx lyssa ..
Dh menjadi ..

avatar
Aini Ruzaini
AUTHOR
June 10, 2011 at 8:12 AM delete

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')}

avatar
July 5, 2011 at 3:12 PM delete

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?

avatar
July 5, 2011 at 3:58 PM delete

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

avatar
July 6, 2011 at 1:57 PM delete

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...

avatar
July 6, 2011 at 2:07 PM delete

entry penghargaan

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

avatar
tonaH iS herE
AUTHOR
July 8, 2011 at 8:12 PM delete

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

avatar
Syed
AUTHOR
July 18, 2011 at 5:04 PM delete

cmner mau upload pic kt blog erk?..

avatar
Wniy
AUTHOR
July 24, 2011 at 4:50 AM delete

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

avatar
cwunk eyra
AUTHOR
July 24, 2011 at 8:28 AM delete

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

avatar
cwunk eyra
AUTHOR
July 24, 2011 at 8:31 AM delete

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

avatar
July 24, 2011 at 8:56 AM delete

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

avatar
August 2, 2011 at 11:10 PM delete

@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

avatar
blackpink
AUTHOR
August 3, 2011 at 3:57 PM delete

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

avatar
mimiew
AUTHOR
August 5, 2011 at 10:49 PM delete

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

avatar
fatin hassan
AUTHOR
August 12, 2011 at 8:45 PM delete

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

avatar
didi oren ♥
AUTHOR
August 14, 2011 at 6:56 AM delete

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

avatar
Cik Kasut
AUTHOR
August 18, 2011 at 12:42 AM delete

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 :)

avatar
MOHD.AFANNDY
AUTHOR
August 18, 2011 at 11:42 PM delete

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

avatar
aya blog
AUTHOR
August 20, 2011 at 5:15 PM delete

@Lyssa Dollixious

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

avatar
I-sya
AUTHOR
August 22, 2011 at 4:19 PM delete

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 ?

avatar
Myra Moyy
AUTHOR
August 26, 2011 at 2:33 PM delete

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

avatar
anieyz
AUTHOR
August 27, 2011 at 9:16 PM delete

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

avatar
August 29, 2011 at 11:11 AM delete

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

avatar
azmira
AUTHOR
September 5, 2011 at 1:03 AM delete

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

avatar
September 9, 2011 at 8:57 AM delete

salam kak lyssa . suda jadi . trimas .

avatar
September 10, 2011 at 10:27 AM delete

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

avatar
hadieza
AUTHOR
September 16, 2011 at 12:42 AM delete

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

avatar
September 18, 2011 at 2:58 PM delete

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

avatar
anysa adieba
AUTHOR
September 30, 2011 at 6:01 PM delete

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

avatar
ShafyqOnlyy
AUTHOR
October 6, 2011 at 5:40 PM delete

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 !

avatar
October 10, 2011 at 3:03 PM delete

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 ?

avatar
October 11, 2011 at 6:18 PM delete

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

avatar
October 13, 2011 at 11:41 AM delete

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')}

avatar
October 13, 2011 at 11:41 AM delete

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')}

avatar
October 13, 2011 at 11:41 AM delete

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')}

avatar
hasz wharnz
AUTHOR
October 17, 2011 at 11:01 AM delete

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

avatar
October 17, 2011 at 2:51 PM delete

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

avatar
October 18, 2011 at 10:28 PM delete

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 ..:)

avatar
suzanne
AUTHOR
October 23, 2011 at 11:29 AM delete

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

avatar
eda
AUTHOR
October 24, 2011 at 7:35 PM delete

serious x mnjdi kot.. :(

avatar
cheezy_chieze
AUTHOR
October 26, 2011 at 3:43 PM delete

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.

avatar
October 27, 2011 at 8:33 PM delete

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

avatar
October 28, 2011 at 2:06 AM delete

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

avatar
November 1, 2011 at 5:18 PM delete

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

avatar
November 1, 2011 at 6:39 PM delete

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

avatar
cik niena
AUTHOR
November 1, 2011 at 11:19 PM delete

ta jd pown ..mcm mna nak wat nie?

avatar
isz
AUTHOR
November 4, 2011 at 4:42 PM delete

@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
----------------------------------------------- */

avatar
cik nia
AUTHOR
November 6, 2011 at 12:56 AM delete

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...

avatar
CiK FizA
AUTHOR
November 13, 2011 at 3:07 AM delete

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

avatar
November 13, 2011 at 4:03 PM delete

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

avatar
Eyfa Nadia
AUTHOR
November 15, 2011 at 5:52 AM delete

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 ...

avatar
November 15, 2011 at 6:12 PM delete

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 :((

avatar
November 19, 2011 at 6:52 PM delete

mcm mana nak cari url gambar pilihan 2?

avatar
LadyDana
AUTHOR
November 23, 2011 at 4:03 PM delete

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

avatar
Syafiqa
AUTHOR
November 28, 2011 at 12:55 AM delete

@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 :)

avatar
November 29, 2011 at 10:08 PM delete

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

avatar
natra nasir
AUTHOR
December 3, 2011 at 8:56 PM delete

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

avatar
December 11, 2011 at 9:02 PM delete

akak..Url image tu nk cri kat mne?

avatar
December 13, 2011 at 12:44 PM delete

@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 ?

avatar
marina musa
AUTHOR
December 14, 2011 at 5:18 PM delete

yee dahh jadi thanks kak lyssa yg comel :D

avatar
mie & eika
AUTHOR
December 16, 2011 at 3:23 AM delete

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????????

avatar
shasha ieyka
AUTHOR
December 17, 2011 at 10:36 PM delete

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

avatar
December 19, 2011 at 1:09 PM delete

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

avatar
December 21, 2011 at 4:35 PM delete

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

avatar
December 23, 2011 at 3:56 PM delete

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 .

avatar
e-ly hye-fa
AUTHOR
December 23, 2011 at 7:10 PM delete

Kak Lyssa , nape saye wat x mnjadi ekh ?

avatar
Fynaz Ahmad
AUTHOR
December 24, 2011 at 12:34 AM delete

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

avatar
Adeeba Azmi
AUTHOR
December 25, 2011 at 5:43 PM delete

Kak LYSSAAAAA , tak jadi punnn . Cemane ni ?

avatar
Sabrina
AUTHOR
December 26, 2011 at 10:04 AM delete

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

avatar
Adilla Hairul
AUTHOR
December 31, 2011 at 7:28 PM delete

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

avatar
airamizan
AUTHOR
December 31, 2011 at 7:50 PM delete

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

avatar
ameerasidi
AUTHOR
January 5, 2012 at 1:33 PM delete

thank lysa...sye suke

avatar
January 8, 2012 at 1:53 PM delete

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

avatar
January 8, 2012 at 5:34 PM delete

mcm mne nk cari url gambar tu..??

avatar
gadiscelop
AUTHOR
January 14, 2012 at 9:29 PM delete

ta dapat pun , macam mane na buat

avatar
Aznana
AUTHOR
January 21, 2012 at 1:14 AM delete

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

avatar
February 1, 2012 at 11:25 PM delete

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

avatar
nurshafika
AUTHOR
February 5, 2012 at 7:00 PM delete

assalamualaikum kak lyssa (:

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

avatar
nurshafika
AUTHOR
February 5, 2012 at 7:00 PM delete

assalamualaikum kak lyssa (:

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

avatar
DielaSebok
AUTHOR
March 10, 2012 at 8:32 PM delete

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 --'

avatar
March 14, 2012 at 9:34 AM delete

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;

}

avatar
miss lieya
AUTHOR
March 15, 2012 at 2:17 PM delete

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,,

avatar
March 31, 2012 at 3:06 PM delete

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

avatar
MiSsJue
AUTHOR
April 6, 2012 at 4:12 PM delete

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..:)

avatar
April 10, 2012 at 11:55 PM delete

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

avatar
cikq Anne
AUTHOR
April 22, 2012 at 8:41 PM delete

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

avatar
nurun nasuha
AUTHOR
May 10, 2012 at 6:09 PM delete

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

avatar
May 23, 2012 at 11:27 AM delete

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

avatar
May 31, 2012 at 11:36 PM delete

thanks .. dh jdik laa ..

avatar
Fauziah
AUTHOR
June 5, 2012 at 7:34 PM delete

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

avatar
permata biru
AUTHOR
June 6, 2012 at 4:18 PM delete

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

avatar
June 9, 2012 at 12:23 PM delete

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

avatar
June 9, 2012 at 12:38 PM delete

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

avatar
June 24, 2012 at 10:35 AM delete

kak lysaaa , kt mane nak cari background tu erkk ?

avatar
HANNA NIR
AUTHOR
June 28, 2012 at 2:36 PM delete

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

avatar
manjenoorsam
AUTHOR
June 30, 2012 at 4:28 PM delete

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

avatar
Syaz Mimie
AUTHOR
July 20, 2012 at 11:45 AM delete

Thx kak Lyssa !
Menjadi ! ^______^

avatar
Aril Impian
AUTHOR
September 12, 2012 at 1:29 AM delete

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

avatar
September 14, 2012 at 10:46 AM delete

Thankyouu so much sis . Akhirnya jadi jugak ;D

avatar
Anonymous
AUTHOR
September 14, 2012 at 1:35 PM delete

Thankz kaq lyssa jadik hikhok!

avatar
September 15, 2012 at 10:01 PM delete

}
/* 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???

avatar
nurul izzah
AUTHOR
October 2, 2012 at 7:01 PM delete

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

avatar
November 30, 2012 at 4:56 PM delete

Kak Lyssa , nak cari URL Background dekat mana ?

avatar
Murni Afiqah
AUTHOR
February 10, 2013 at 8:59 PM delete

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!

avatar
Blank G
AUTHOR
April 30, 2013 at 10:08 PM delete

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

avatar
Isma Are
AUTHOR
May 28, 2013 at 10:57 PM delete

lyssa.. cam mane nak buat kalau template baru skrg nih?? susah la yunk... hope u can help me yee.. (**!)

avatar
SyaSya Syerie
AUTHOR
August 6, 2013 at 8:29 PM delete

Assalamualaikum...adik, akak tak paham la tutorial yang ni...confuse step nyer..hehe...tolong terangkan leh??

avatar
February 12, 2014 at 3:12 PM delete

kak knper sy punye blog xde pon Tick Expand Widget Templates tu... ??

avatar
April 22, 2014 at 10:28 PM delete

akak.. blog sy xde yg tick expand tu.. confuse.. xdapat nak wt sidebar title :(

avatar
Nurul Hazirah
AUTHOR
December 24, 2014 at 2:02 PM delete

LISA sejujurnye ckp sy xjumpa Tick Expand Widget Templates time mula2 buka blog mcm mne nk ikut cara2 y awk buat... tlg sy plzz

avatar
adelinadelia
AUTHOR
January 22, 2015 at 9:38 AM delete

@Lyssa Dollixious

sis...maknanya paste after

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

code nie

text-transform:uppercase;

background:url('URL GAMBAR PILIHAN')}

kan...

lagi satu sy punya blog dia dah guna new version... sy try nak tukar ke old version tp...option tue dh x der... macamana nak tick Expand Widget Templates... tqsm...

avatar

Google+ Followers