Tutorial : Cara Centerkan Gambar Di header blog

Assalamualaikum dan salam satu Malaysia. Selawat dan salam ke atas junjungan besar kita nabi Muhammad S.A.W.. semoga kita tidak akan terpisah jauh dari rahmatNya..

 

ada sesetengah template mungkin headernya tidak center bila dimasukkan header, jadi di bawah ini syira nak kongsi beberapa cara untuk centerkan gambar di header blog sendiri.

ikut langkah di bawah okeh :

 

KAEDAH PERTAMA

1. Dashboard

2. Design

3. Edit Html

4. Tekan Crtl + F , dan cari kod kat bawah ni :

#outer-wrapper {

 

5. Cari kode di bawah ini di bawah kode #outer-wrapper { itu

background:#FFFFFF;

width: 1000px;

 

6. Disini dia bagitahu outer wrapper blog anda ialah 1000px. Bila dah jumpa ini...seterusnya cari pula kode di bawah..

#header-wrapper {

7. Disini, anda kena perhatikan width yang berada di bawah ini mesti sizenya kena sama dengan width yang anda lihat di langkah nombor 5 tadi.

8. Siap dan save.

 

 

KAEDAH KEDUA

1. Dashboard

2. Design

3. Edit Html

4. Tekan Ctrl + F , cari :

/* Content

 

5.  Copy kode di bawah ini dan pastekan di atas kode /* Content ini :

.Header img {

  margin-$startSide: auto;

  margin-$endSide: auto;

}

6. Contohnya seperti di bawah ini :

.Header img {

margin-$startSide: auto;
margin-$endSide: auto;
}
/* Content
----------------------------------------------- */

 

7. save.siap.

 

google Tags: tutorial, tutorial centerkan gambar di header blog, centerkan header

Ranking: 5