Assalamualaikum ..
Dah lama Tia tak bagi tutorial kan. Hahaa. Kali ni Tia nak bagi tutorial cara centerkan post title dengan sidebar title. Yelah nak bagi bahagian post title dan sidebar title tu nampak lagi kemas dan teratur.
Banyak tutorial ni korang boleh jumpa di google. Tapi takpelah, ini untuk pembaca-pembaca kesayangan Tia. Kesayanganlah sangat. Hahaaa! Tapi Tia nak bagitau awal-awal, lain template lain codenya.
Jangan risau, kalau korang ada masalah dengan code-code tu nanti. Inform Tia dan insyaAllah kalau Tia dapat tolong, Tia tolong okey. Ah sudah.. Panjang dah bebelan ni. Cekidauttt~
Step1 : Pergi Design > Edit HTML > Tick pada Expand Widget Templates
Macam biasa, kalau nak mudahkan pencarian code tekan di keyboard Alt+F atau F3 ye anak murid. Hahaa! Sambung..
Untuk centerkan post title, korang kena cari code
.post-title {
atau juga
h3.post-title {
Lepas jumpa, korang kena tambah code text-align:center; di bawah code yang korang cari kat atas tu..
Sekarang kita beralih pulak ke tutorial centerkan sidebar title. Kali ni korang kena cari code
.sidebar h2 {
atau juga
h2 {
Lepas dah jumpa, tambah code text-align:center; di bawah code yang korang cari tadi. Wahh! Dah siap. Heheh! Ingat ye, lain template lain code nya. Seboleh-bolehnya korang carilah code yang hampir sama.
Dan lagi, jang terus save! Preview dulu. Tengok samada post title dan sidebar title korang dah center macam yang korang nak atau tak. Okey sudah tamat tutorial..
Sekian...
46 Comments
Click here for Commentsyg sy punya tk leh buat..tk de kod tu..ermm
ReplyTia : thanks..dah buat da..lawa..centre..
Replywaahhh,
Replytia, hasil dia nnt mcmana ek ?
tq...=D
Replythanks tia!! dah jadi la... thanks a lot~.. T^T
Replytq Tia kasi ilmu.
Replyorg yg mmg tak pandai nak buat sdr mcm sy ni mmg tggu2 tutorial mcm ni.
xcenter pon ..cmne ek?
ReplyFA TAG TIA DALAM 1 CONTEST NYH EA..
Replyhttp://neracaparadigma.blogspot.com
rajinnya buat tutorial~~
Replybagus tuto ni...post title mmg xcenter lg...
Replynice tutorial tia :)
Replynak buat ada kaler dalam tajuk kat sidebar tu macam mana plak tia??kaler biru kalo dalam blog tia??ehe
Replywahhhh sudah tukar background ka......hihi
Replybagus la si tia ni..
Replynice tuto...
2 sudah tuto ko aku follow step dia hehehe tq
korg mmg terer2 la...
Replyhahaha thanks... ^^
betul tu dear..lain templete lain caranya hehe
Replywah... tq tia.. hihi.. sukernyer..
Replythanks tia ..:)
Replyalif nk buat lah ^^
bagus jugak nih tia. boleh apply kat blog.
Replythanx tia untuk tutorial ni :)
Replynak center mcm mana..tak faham hmm
Replynak try la..bgus ni Tia.. hehe
Replynice! XD
Replyasal nampak perkataan kod jek kepala akak terus jem. kena byk mkn minyak ikan kod scott emulsion kot..
Replyhee..tak terfikir pon nak cari tutor center kan sidebar title tu..thankz tia..(^^,)
ReplyTia,awat jarang update ni?
ReplyBTW,jemput join segmen Musicbrilliant.com
hah! dah pening tgok coding2 ni tia.. huhu...
Replyinsya'allah, coming soon akan dibuat :)
Replyalif dah buat yeay :)
Replybanyak betul ilmu si tia ni.. best3~
Replysaya selalu cuba tutorial nak centrekan post title nih.. tapi x menjadi.. hehehheeh... :)
Replyrajin buat tutorial. hihi thanks tau :)
Replytq sharing tia.. :)
Replynice ^^
Replysharing is loving gituuuu..hihi
wawahh....da lama xsinggah sini..:DD
Replysalam ramadhan dari amni...(hope kenal lagi..) hee
tengs!
ReplyNice sharing ;)
Replywahhh..rajin3..hehe :)
Replynmpk kemas btul
Replythanks...tapi tak boleh buat...huhu :(
Replyhasilnya center la hanif hehe
Replythanks ye.. dh cantik skit blog syiela.. tidak nmpak cam serabut ja
Replyhoho ni ada tutor nih.. sape yang tanya aritu ekk.. ==,
Reply/* Headings
Reply----------------------------------------------- */
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
text-align:center; <---- letak sini
}
xleh center pun
Replycode untuk tittle xde
Replyhuhu...
ConversionConversion EmoticonEmoticon