HOMEDASHBORDOWNERTUTORIALTIPSBANNERSITEMAP

Nazlyizan Creation

Jul 3, 2012

Tutorial 3* = Cara Center Header


http://matcuoi.com

Sebelum nie header yana mesti tak center ... Kawan yana cakap senget macam otak yana jugak ... hahaha mengong. Okies untuk selesaikan masalah nie. Yana skodeng ler kat cik google. Memang banyak tutorial mengenai header tak center nie. Buat2 tak menjadi..hangin jugak. Last2 try n error..menjadi jugak. Banyak cara kat bawah nie. Try lah mana yang menjadi okies. Sebab template setiap blog berbeza.

Cara 1

Design - Template designer - Adjust widths 
= Tengok berapa saiz entire blog korang. Macam dalam gambar bawah nie.


Kemudian,
Design - Edit HTML - Tick expand widget templates --> klik CTRL + F dan paste kod  /* Content

Setelah jumpa kod tersebut, Capy kod dibawah nie diatas kod /*Content

.Header img {
  margin-$startSide: auto;
  margin-$endSide: auto;
  width: 1000px;

(1000px; ikut size entire blog korang)

Kalau nak bagi header penuh kiri kanan blog. Cuma tukar width: 1000px kepada 100%

Preview dulu, kalau takda ERROR baru SAVE.



Cara 2

Dashboard - Design - Template Designer - Advanced - Add CSS

Pada bahagian Add CSS paste kan kod dibawah ini dalam box tersebut.


#header {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}

Selepas paste korang kene tekan SpaceBar Okies. Kalau tak dia takkan dapat detect.

*Kalau tidak menjadi, cuma tukarkan nilai kepada 0 sehingga 100. Biasanya pada nilai 35px*

Kalau takda ERROR baru Apply to blog.


Cara 3

Sama macam cara 2, tapi PASTE kod dibawah ini pada box Add custom CSS tersebut

.Header img {
  margin-$startSide: auto;
  margin-$endSide: auto;
  width: 1000px;

(1000px; boleh tukar sehingga header korang center)


Kalau takda ERROR baru Apply to blog.


Cara 4

Sama macam cara 2 & 3, tapi PASTE kod dibawah ini pada box Add custom CSS tersebut

#header-inner img {margin: 0 auto !important;}
#header-inner {text-align:center !important;}

Kalau takda ERROR baru Apply to blog.


http://matcuoi.com

1 0 Pengomen Terhebat:

Arina Shamsul said...

good tutorial dear :) thanks sharing :)

PERINGATAN: Penulis tidak bertanggungjawab terhadap komen yang diutarakan dalam laman ini. Ia pandangan peribadi pemilik akaun dan tidak semestinya menggambarkan pendirian sidang redaksi kami. Segala risiko akibat komen yang disiarkan menjadi tanggungjawab pemilik komen akaun itu sendiri

Labels

$Pendapatan$ (25) Aktiviti (1) Amal (1) Amalan (1) Anak (1) anakbuah (3) anniversary (1) artis (5) Azimat (6) B'Vite (2) Baju Raya (1) Banjir (4) Bank (1) Banner (1) Bayi (4) berhenti kerja (3) Berita (24) berita harian (1) birthday (2) blin.gd (1) Blogger (13) blogwalking (2) bola (2) BRIM (3) bukan kerana aku tak cinta (6) Cabaran (1) Ceramah (1) Ceritera (137) Ceritera Weekend (47) churp2 (1) CIMB (1) Cinta Hati (148) comel (1) CPUV (6) Craft (3) Cuaca (4) cuti2 (1) Diet (2) DIY (1) Doa (8) domain (3) drama (4) Duit (1) Family (29) FIFA (1) filem (1) Follower (1) Gembira (2) Geram (19) gosip (3) Hadiah (34) hamil (4) Handmade (8) Hari Raya (1) harum malam (1) haziq (1) Hijrah (2) Hobi (1) holiday (12) hospital (2) hujan (1) Info (100) Inspirasi (1) insuran (1) IqramHuzaifah (2) Islam (44) istimewa (3) Jalan Cari makan (18) jalan-jalan (4) kahwin (1) Kanser (2) kata hikmah (1) Kemarau (1) kerajaan (1) kerja (9) kerjabaru (2) Koleksi Baju Raya (1) Komli (1) kuiz (1) Legacy Secret Trading (1) LIKE (1) Lirik (4) makanan (9) masalah domain (1) MBMB (1) melawat (4) membebel (3) Metro (2) Motivasi (1) Nazlyizan (2) Nuffnang (9) Office (17) Passport (1) Pecah Perut (6) Pendapat (12) Penginapan (1) Penyakit (1) percutian (1) Perkahwinan (1) Petua / Rahsia (24) Piala Dunia (1) Produk Kecantikkan (1) produk kesihatan (3) Promot (121) quote (3) Ramadan (3) raya (3) resepi (1) Review (19) Rumah (1) Sahabat (2) SAMB (1) Says (1) Segmen / GA (103) Sharing (242) sinopsis (1) SlimFastDiet (2) SPA (3) sukan (2) Sumbanga (1) Sumbangan (2) Tahun Baru (2) takenote (1) teater (1) tekateki (1) Temuduga (3) terima kasih (7) Testimoni (1) Tips (35) TLDM (4) tol (2) Topup (1) trip (3) Tutorial (12) ubat (1) Uji minda / Pelik (8) Ujian (3) Umrah (3) Video (20) Virus (1) Wayang (2) Wordless Wednesday (58) Zalora (1) zikir (2) Zuriat (3)
Related Posts Plugin for WordPress, Blogger...