TUTORIAL centerkan header blog

Assalamualaikum wbt

sekarang ekinn nak buat tuto centerkan header blog pulak yer.

tutorial ni khas untuk cik bambam ! hehehe. so, try lah nanti ek cb !

ada 2 cara tau.

cara pertama

okay, first pergi design >> edit html >> tick widget template

lepas tue tekan F3 and search code nie

/* Content

dah jumpa tak ? kalau dah jumpa copy code nie pulak

.Header img {
   margin-$startSide: auto;
   margin-$endSide: auto;
}

then pastekan kat  ATAS code yang korang carik tadi.

lepas tue preview, bila dah jadi, save !

cara kedua,

okay, first pergi design >> page element >> klik header

lepas tue korang pergi bukak account photobucket korang.

upload kan gambar header korang kat situ.

lepas tue, korang ambik code html dia dan copy

then korang pergi balik kat blog korang tadi, korang pastekan code yang korang copy tadi kat blog description.

dekat code tue korang tambah code ni

<center>   sebelum code html tadi dan </center> hujung code html yang korang copy tadi.

untuk cara ni, korang mesti delete word target dalam code tue






cara ketiga,
okay, first pergi design >> edit html >> tick widget template


lepas tue tekan F3 & search code nie

#outer-wrapper {

kat bawah code yang korang carik tadi ada code ni kan ?

background:#FFFFFF;
width: 1000px;

then dah tengok size width tue 1000px kan?

lepas tue carik code ni pulak

#header-wrapper {

makesure width dekat #outer-wrapper { tadi sama ngan size width kat #header-wrapper {

kalau tak sama, tukar lah jadi sama. bila dah sama, header korang akan jadi center ^___^

then, korang preview lah. bila dah jadik, save !

selamat mencuba cik bambam yer ! 

---

Dah baca komen, malas komen, like kan ^__^

---