Wednesday, December 26, 2012

Tutorial : Want to put your Header on Center of Blog?

Hello!
Miss A just created a blog,
so...
Miss A want 'TOLD U WHAT TO SAY' to look gorgeous, beautiful and cute

Miss A pon minta lah bantuan pak cik Google
.banyak lah anak-anak pak cik Google yang keluar

Ada 2 cara nak Centerkan Header Blog kamu semua
# pilih lah salah satu yang kamu suka

Cara 1

 1. Dashboard > Design > Edit Html
 2. Tekan Ctrl+F
                      "cari kod ini
                                                           /* Content

3. Lepas dah jumpa tu, copy kod ini


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

"paste kan ATAS kod yang kamu semua cari tadi

>>> Maksudnya beginilah rupa Html kamu semua nanti

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

untuk lebih selamat, Miss A cadangkan kamu semua preview dahulu
bila dah lihat hasilnya, baru save. OK

Cara 2

 1. Dashboard > Design > Edit Html
 2. Tekan Ctrl+F 
                      "cari kod ini 
                                                         #outer-wrapper {

3. Bila kamu semua dah jumpa kod di atas tadi, 
bawah kod yang kamu semua cari tu ada kod ini kan

background:#FFFFFF;
width: 1000px;


"contoh

4. Then, kamu semua cari pula kod ini

#header-wrapper {

Bila dah jumpa tu, pastikan width header and outer wrapper mempunyai nilai angka yang sama.
So... baru lah header kamu semua menjadi center.

untuk lebih selamat, Miss A cadangkan kamu semua preview dahulu
bila dah lihat hasilnya, baru save. OK

Miss A lagi suka guna kaedah 1, lebih senang kan?
jadi terpulanglah pada kamu semua nak guna cara yang mana.


Stay with me...
and Miss A will give you more


No comments:

Post a Comment