Hiii .! Sekarang , Lyssa ada tuto request dari:
Dia tanya , mcm mana nak center kan header ?
Oh , Mari sini . ikot my step ! :)
Ada 2 cara . ikot korang lah nak ikot cara mana satu erkk ?
CARA PERTAMA
1. Dashboard > Design > Edit Html
2. Tekan Crtl + F , dan cari kod kat bawah ni :
3. Pastu , bawah kod yang korang carikan tadi tuh , ada kod ni kan ??#outer-wrapper {
background:#FFFFFF;width: 1000px;
*Itu pun , sebagai contoh jer~
4. Makna nyer , outer wrapper tuh . 1000px taw ?? Korang nyer ,tak tahu lah .
5. Tapi , tak siap lagi ni . Then , korang cari pulak kod ini..
#header-wrapper {
6. Dah jumpa kan ?? Pastikan width dekat header dengan outer wrapper tu sama .So korang punya header akan jadi center la .
7 . Preview dulu . Dah jadi , baru SAVE ok ? :)
CARA KEDUA
1. Dashboard > Design > Edit Html
2. Tekan Ctrl + F , cari :
/* Content
3. Lepas tu , copy kod kat bawah ni , then paste ATAS kod yang korang carikan tadi tu .
.Header img {margin-$startSide: auto;margin-$endSide: auto;}
4. Paham ke tak ? if korang tak paham , tengok contoh ni :
.Header img {
margin-$startSide: auto;
margin-$endSide: auto;
}
/* Content
----------------------------------------------- */
5 . Preview dulu . Kalau jadi , SAVE yerk ^_^
381 000 orang Comment Di Sini
Write 000 orang Comment Di Sini «Oldest ‹Older 1 – 200 of 381 Newer› Newest»thanks buatkan!
kenapa x leh pun?..kluar cmni
We were unable to save your template
Please correct the error below, and submit your template again.
Invalid variable declaration in page skin: Variable is used but not defined. Input: startSide
@hanis blogspot
okie darl~
@hanis blogspot
ohhh.... try cara ke-2 lakkkk...
cara satu x boleh sbb code outer wrapper tu x der..
try cara 2 lak kluar message cam tu..:(
@hanis blogspot
lol. btol ker ? haiyakk . cm ner lah boleh tk jadi niyh ?:9
tk jdy : (
thanks yaww . dah jadi ;)
x dpt pun? huhu
@Syakira Qaisara
lol . tk jadi ?? :( hmm . nk buat cm ner mehh ?
@nuramira
mira ; hehhe , menjadi ehh ? GUD ! >.^
@Firdaus Kasim
lol . apa yg tk de? haha!
knapa byk yg x jd nih? ;(
hurmm..kak lyssa x jdi leh
yg kdua 2..dye tlis niy
"We were unable to save your template
Please correct the error below and submit your template again.
Invalid variable declaration in page skin: Variable is used but not defined. Input: startSide"
@Comics Gurlzz
lol. tol ker ?? tp , nape kaka nyer blog jadi jer ??? masalah template kot ?? template tak sesuai lah tuh ..enn ~
dh center la..jd2..thnx..huhu..byk da tutorial yg eva ambk dr lyssa..
@eVariena♥
hehehe .okie darl ;)
thanks..
tutorial yg menjadi..
@cik fza
ehee . oraitt dear ^_^
hai sis!nak tnye ni,cmne nak upload header banner yg kne edit kat software aleoflash?dorang de gtau step2,tpi xphm la.
@Lyssa Dollixiouskak lyssa , takde pon code tu . blogger saye yang 1 ade ,, tapi yg lagi 1 takde .. cam mane erk ?
@Sofie Ezzaty
guna cara kedua. senang ciket.t.
Tyouyou kak lyssa ! jadi lerkk . TQ soo much ! lame dah carik tuto neii tao !
ohhh , okay ! TQ soo much !
@Sofie Ezzaty
yupp . welcome yunkk ! ahaaXD :))
@Lyssa Dollixiouskak lyssa , macam mane nak buadd blkang page tu ade background ?
sys , ctrl F tuh cmne eh ? then nak ltk kod tuh kat mana ? lol pening gler
@farah
ohh . cm niyh.. kalau tekan ctrl serentak dgn huruf F kat keyboard.. dia akan keluar satu kotak search.. selalo nyer.. bawah kiri ... paste kod yg nk cari tuh.. nnty. dia akan terhighlight warna ijau or kelabu ;)
yeayy jadi! thanks sis!
@Ifti Larina
heheh .welcome ! shukeww yeww;)
Yeaa!!!! Siap Thanks Kak Lyssa
follow tuto niy.jd suda.tp cm plik cket.huhu.tengs lyssa :)
kenapa tak jadi eh? yang care pertama tu tak ada, yang cara kedua ada tapi dia tak boleh jugak? :/
sis,
TRY jugakk.
MENJADI.
muahmuahh.hehehe ;D
@Miss E
haha .welcome :)
@atyn nayn
pelikk mcm mana tuh . ?huhu ;)
@Haizad Jaidi
hmm . Lyssa thu knapa tk boleh cara kdua tuh.. tak ! mcm niyh.. kalau nak save header.. kena tekan instead bkn behind
@tentang EME ;)
hehe .gud gurl ;)
kaka lyssa ta pham maa . tlong buadkan boleh sis ?
@qistina
lol.. tk phm mmehh ? tp pe.. kasik emel ngn psword kt FB yer ;)
baik kak lyssa :) tq .
Tak faham lah kak Lyssa, boleh tolong buat kan? :)
@Haizad ♥
ohhoo .boleh . kasik emel ngn psword kat inbox FB akk .~
Serious boleh? Thank youuuu :D Jap, nama fb akak apa?
@Haizad ♥
klik je dekat sebelah kiri , atas sekali .. oke ?:)
Okay thank you banyak banyak k akak? Hihihi :D
@Haizad ♥
okee. oke.. welcome ~
Yeahhhh I berjaya tenz lyssa buat tuto ney !!!!
thanx lyssa! dah jadi da :)
kenapa x jadik eh lyssa? mcm mana nieyh. pening la.
kakak lyssa :( tak jadi pun . mcm mane ehh ? die tulis msg yg same mcm org lain tuu . both cara tak bole :(
kak lyssa ! dah jadik . thanks kak comel :) ILY . semua tuto kak lyssa yg sofie gna nie jadik . thanks so much ! follow my newest blog ; www.mystory-mory.blogspot.com = simple je . hehe . 2nd ; www.budak-colourful.blogspot.com thanks !
sis , mcm mne nak buat blkang page tuh ade background ?
@Sofie Ezzaty
ohh. waktu edit gmbar tuh , guna transparent ..
Tak menjadi lahh geram jee :(
thanx lyssa,, really appreciate that.. semua tuto lyssa menjadi.. ^_^ keep it up
@Lyssa Dollixious
kak lyssa x mnjadi !!!!!!!!!!!
thanksyou lyssa ! menjadi laa :)
lysaa...cam nei pulak klu kita nak hias harder???cam header lysaa 2???
like like .dahh jadik .tengs lyssa :)
x jmpe pon kod #outer-wrapper { tu.....
da jadi! thanks akaq!
banyak kali sy buat tpi x jdi..
tpi lepas bace sume komen..
and kak lisa ckp kena save jdi insted bru jdi...
thx so much kak lisa.. sy happy giler ni XD
thnk kak !
jadi jadi ! tq tq ;)
jadik dah...tq
heeyy akak! cm ne nk buat header cm akak punya tuu?
saia nk buad cm 2 tp x jd punn
Tak dapat lah...huhu...puas sy cari #outer-wrapper
tak dapat juga ..
cam mna nak buat..?
lyssa! hyep~ pless help me! serius ta rety buad... adesh~ xphm kt mna nk cari suma uh~ :(
lysa..xreti wat..da bnyk kali wat..tp xley gak..da jd blur jep..klu wt header center gune template blog..blog post jd kcik..nk wt cm lysa wt..tp xmuley..can u help me..waaaa (-_-)
lysa..xreti wat..da bnyk kali wat..tp xley gak..da jd blur jep..klu wt header center gune template blog..blog post jd kcik..nk wt cm lysa wt..tp xmuley..can u help me..waaaa (-_-)
akak menjadi..thanks!:)
awk xbleh pown..xjadik laa :(
kak lyssa x jadi pon ..
cane ??
lyssa :)
thanks a lot. lebiu la
thanks sys for the tutorial . banyk membntu . hee~ :)
kak lysa. TQ ..dh lme cri mnde ni.. tutorial kak lysa bnyk mmbntu sy..TQVM
Kak lysa omey omey sgt2 , tak jumpa code tu . :'(
kak lyssa mcm mne nk buat header mcm akak nie?
kak lyssa mcm mne nk buat header mcm akak puya blog??
tengss dear.. after dah try 2,3 cara, akhirnya cara ni berkesan..tengssssss....
thanx dear.. ;)
akak berjaya buat.. sukenye.. hikhikhik.. ;)
macam mana nak centerkan tab menu sama dgn header?
kak lyssa , code cara pertama & cara kedua xara takda la . klau tak silap yg #header-wrapper tue kt sini :
/* Header
----------------------------------------------- */
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 20px;
padding-right: 20px;
}
.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: 2px 2px rgba(0, 0, 0, .1);
}
.Header h1 a {
color: $(header.text.color);
}
.Header .description {
font-size: 140%;
color: $(description.text.color);
}
tapi nak letak mne ? seharian xara cube . xpat . pening . sakit otak .
thanz ya sbb buadkn tutorial . even ade yg xmnjdi pon . btw , blog kaq lyssa mmg terbaekk . =)
kak LySsa... TLg juP bUAd aT Lya...! pLish hELp me..! =(
kak LySsa... TLg juP bUAd aT Lya...! pLish hELp me..! =(
kak LySsa... TLg juP bUAd aT Lya...! pLish hELp me..! =(
dah mnjdi..
tq..:)
akak , bole tlg wat an x header 2
kenape x jmpe kod 2?
nie yg sedih nie~
thanks cik lisa.... tutorial awak banyak membantu saya....
^^
http://www.alepridz.com/
thnx a lot cik lyssa!
akk .. x jadi lorhh . :(
akak!! ta dapat la :(
ta jadi pun :(
Kaq lyssa .. tk jdi pun jumpe pun tkde :)
Adoii ! Kak Lyssa Da Tak Jadi balik La ... :(
thanks kak lyssa , tutorials yg berguna (:
lysa buatkan kat fara..fara xreti lew..hehe
sayang..buatkan..please
akak , tak jadi ponn :(
@Lyssa Dollixious tq kak ! die menjadi . :) ily.
Kak lyysa yg comel,
kenape tak jadik?
Hmmm, isk.
Buatkan boleh ? hehe :D
Akak lyssa yang comel.
Kenape tak jadik?
Hmmm.
Buatkan boleh? Hehe
jadi pun..thanks Lyssa.. :)
thanz ya da boleh..
ada ikut tutorial nih.. ^_*@hanis blogspot
thanz ya da boleh..
ada ikut tutorial nih.. ^_*
http://aqilahhaliqa.blogspot.com
Thanz Cik Lyssa ya da boleh..
Da ikut tutorial nih..:))
*maaf terguna *hanis blogspot lak* atoi sory..
maklumlaa bwu nk bljr...hee
alhamdulillah jadi jugak tq lyysa :)
thankss!!!!:)
xoxo
lysaa i da buat tp x jd jgk lah,,npe erkk ermm BTW thanks 4 da tutor,,
Kak Lyssa , susahlahh .. Saya tak buleh buat 2-2 cara. Sebab kod nya tak ada...
jadi,,,tengs kaq lyssa,,:)
menjadi :') thanks kak lyssa <3
tuto sis semua jadi ! thanks sis :)
Akak , mcm mane nk hilangkn header(blog title) ? mcm mane ?
dah try wat yg second one but tak jadi pon. :(
Assalamualaikum . thanks . niza amek tuto ni . :D
x jumpe la..outer tu...
ta jadi pon :(
@Lyssa Dollixiouslyssa mcm mane nak cari hide blog title ye . tq
lyssa mcm mne nk cri hide blog title yee . tq
yeayhh . dapat pun . tq kak
kenape tak jadi ?
Done :D
kak lyssa, cara pertama &&kedua tak jadi lah kak. code yang akak suruh carik tuh tkde. mcm mana erkk?
Kak Lyssa , nape kite ta jumpe code yang akak suruh carik ?
tanx lysa..got it =)
tengs sis :)
salam sysLyssa , da bnyk kli adikk buatt , tk jdi2 . cara yg ptama tuhh , kod yg akk suru cri tk de laa . cara yg ke2 pula , tk jadieyyy 1 cm mne erkk ?
akk lyssa , tlg buatt kn leh takkk ?
kak lyssa nape x jdi ?? cube kak lyssa buat yg baru punyer baru kitorang pham ..
@Lyssa Dollixious kak, tak boleh pon. cara 1 code tu takde. try cara 2 ok je dia save, tapi header tak center pon?
Hai Kak Lyssa , Hrmp . macam mana nak buat background title?
trimas. .;P suke tutorial kamu...;)
Hihi~ sudah jadik ! Thanks byk2 !
mekasih~ ^^
tenkiu sis lyssa. jadik pn =D
Thank you Sis Lyssa!
tak jadi la akk
Thanks :)
first time jadi centerkan header :)
@Lyssa Dollixious
salam .. npe yna x jumpe pn dashbord> design>edit Html tu eak ..?? bile yna clik kt edit Hmtl tu kua edit template ..x jumpe p0n yg tick wiget tu .. blh tlg ajakn x ..?? urm ..
thanks lyssa.. dah jadi.. :)
Tak jadi pun Kak Lyssa, dah byk kali try dah ni ;/
care kedua jd le
nape bt cara kedua xjdi hah???
xjdi center pon....:(
Terima kasih daun keladi, ada masa bolehlah cuba lagi ;D Haha
Hi.. nk tye.. klu tajuk header tuk second page & seterusnya hilang camner nk wat ek? Tq...
tolong elly ,banyak ta jumpa kod .ta tahu lah kenape .
@hanis blogspot
x jadi pown...=(
needed help here..=(
x jdi pown...=(
needed help here..=(
Tumpang tanye,Kak Lyssa cari template blog kat mne.
camne nak ctrl F tu??
@Lyssa Dollixious erhh kenape x jdik..?
tak dapat kod pon . huhu . tolon2
tq kaq..
tq kaq..
Arigatou Sys Lyssa !! Akhirnya menjadi jgk !! :)
thank you very much for the tutorial.. fuhhh...
Best tuto ni.. :)
xjadi pun kak lyssa :'(
2 2 code da try tp xbole .
tak bole pon :(
thank you kak lyssa. hihi <3
terima kasih kak lysaa ! :D
x jadi pon . =(
dia x nk ke tengah .
lalala...lalala...da berjaya...lalalala...hihihi
thankz..berjaya gak saye center kn header sye..:)
Hi.. nk tye.. klu tajuk header tuk second page & seterusnya hilang camner nk wat ek? Tq...
salam,
thanx kak lyssa!
X JADI POWN KAK LYSSA..
yey! jadi..huhuuu..tuto yg kak lisa ajr,smua jd..yg cra p'tma tu,xde kode dy,cra ke-2 tuyg sng n konfem jdik nyer larh..heheee
tak jadi pertama tak de kod tu.. cara kedua still sma je. tak center pon.
hehe , thanks yerr. kite memang dah lama carik tutorial nak centerkan header .
OKAYY thankyou kak lysaa . akhirnya jadi jugak ! lebiu !
tq lyssa..... akak dah try n menjadi... dah lama akak nak toturial mcm lyssa buat.. maceh yea..
@mama ieqa nape x dpt??
yeay jadi , hee tahnkyou kak lyssa :'3
yeah jadi suda :D
thank you lyssa..the best of lyssa!
eh eh , jadilah ^^
thankyou :{D
m
lyssa , mcm mne nak guna header yg transparent ? dah cuba guna , tpi stil background putih yg dekat blkg header tuh ada lg :(
kak lyssa ! mcm mana niey .. tak jumpa pon kod tuh :( lgy satu napa tgakley bgy blog jdy transparent ? mesti ad wana putih kat blakang --' dah bg transparent guna template designer .. tpy sama jha .. tlg lew ek ..
yeah ! jadi . thanks kak :D
Mekaseh :DD .
Tak jadi :'(
kak lyssa..saya try buad tapi tak buleh lah...cm mna neh..i need your help..
Kak lyssa x jadi pon..kak lisa leh tlg editkan x?hehe..:D
tak jd lah . serius tak paham :(
akk tade code dye ke ?
t just copy paste jer . heheh .
hmm kak lyssa . tak jadi pom ?
hmm kak lyssa . tak jadi pom ?
hmm kak lyssa . tak jadi pom ?
serious tk phm ...pening la ..nk uat cm ne ??n cm ne nk uat header yg nice cm lyssa tu ????blog yg tomey2 ..tk reti la ..ajr ckit ..
kak lyssa, mcm mne nk wt home n older posts ada gmbar . yg ada at bwh skali tu . ajar kn boleh ?
thanks ya ? dah jadi puns !
makaseh..da jd pun..lama dah cri bnde nie
thanks kak lyssa. bnyak bantu saya :D
huhuh~ it w o r k s ! thx sis~
bole tolong buatkn tuto untuk cm mne nak buat header x??sory sy budak baru blog..
naper tak jd nih ? tlg saye
.Assalamualaikum.
.Sila Tinggalkan Comment Anda Di Sini.
SATU pun jadi lah ! hehe. EmoticonEmoticon