Monday, August 15, 2011

Tutorial 97 : Center Header Template Designer.

Assalamualaikum sebagai pembuka bicara.
Hari ini nak settlekan masalah negara header tak center. Contohnya, header korang ketepi sangat dan korang dah tukar lebar dia pun still cacat lagi header korangkan?


Benda ini kerap terjadi  ke atas template designer. Macam mana nak buat?


1. Sign in Blogger > Design > Edit HTML

2. Cari code ini, nak mudah tekan ctrl F je dan pastekan code di bawah dalam kotak find..
 
/* Content

3. Copy code di bawah dan paste di atas code /* Content tadi

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


4. Akan kelihatan seperti ini :


5. Preview, kalau tak ada error SAVE jer.

k baiii!
SHARE:

16 comments

  1. فيSeptember 10, 2011 at 4:20 PM

    aku nak cuba ni :)

    ReplyDelete
  2. siti nurafiqahSeptember 16, 2011 at 10:01 AM

    sis . ta bole pun :(

    ReplyDelete
  3. AnonymousSeptember 20, 2011 at 7:41 PM

    sys ta jadi pun :(

    ReplyDelete
  4. Aishah SarmanSeptember 27, 2011 at 9:16 AM

    thanx..menjadi <3

    ReplyDelete
  5. Aalisha Ai TingDecember 6, 2011 at 10:21 AM

    hi, mcm mn nak buat column (kotak home, tutorial, info, contest, hamster)mcm cik punya, lepas boleh link antara page ke page.

    ReplyDelete
  6. AinBellaDecember 21, 2011 at 6:59 PM

    sayang kak farah *ngade-ngade

    dahh lama problem neh~

    ReplyDelete
  7. seylaJanuary 18, 2012 at 8:58 PM

    x boleh pon..:(

    ReplyDelete
  8. AnonymousFebruary 3, 2012 at 2:55 PM

    thank you so much!

    ReplyDelete
  9. FirdaHawa.coMarch 9, 2012 at 1:09 PM

    assalamualaikum. ada x cara2 macam mana nk buat header yg cantik..thanx

    ReplyDelete
  10. Nurul NajihahMarch 30, 2012 at 11:21 PM

    akak
    x boleh pon
    saye x boleh nk save

    ReplyDelete
  11. Om3Y nY3r N@jW@nMay 3, 2012 at 10:00 AM

    @siti nurafiqah tak leh la kak farah... :(

    ReplyDelete
  12. Miss ErryMay 22, 2012 at 8:52 PM

    Kenapa saya dah cuba, tapi tak nak center jugak header tu???

    ReplyDelete
  13. UnknownJune 8, 2012 at 2:19 PM

    at first memang tak dapat..but then, i googled and found this!

    Step 1: Upload your Header image. (assuming that you know how to upload header image)

    Step 2: Go to your Template Designer > Advanced > Add CSS (see below), and add this code: (atas /* Content)

    .header-outer {
    margin-left:90px;
    }

    Now you will need to adjust the “90″ value, depending on how large your header is, and how wide your blog is, so just play with the number until it looks right. (smaller #s will move your header to the left, and larger #s will move your header to the right)

    credits to both kak farah and Gohar design :)

    ReplyDelete
  14. pengkaj.blospotJuly 25, 2012 at 1:28 AM

    tolong..huhu

    ReplyDelete
  15. UnknownSeptember 11, 2012 at 6:09 PM

    tak jadi pun :( haritu try jd skarang x..

    ReplyDelete
  16. UnknownJanuary 9, 2013 at 3:22 PM

    thanks yunk...

    ReplyDelete

-Assalamualaikum, sila tinggalkan komen anda.
-Kalau suka tekan LIKE.
-Insyaallah komen anda akan dilayan :)

Jangan lupa LIKE! dan SHARE!

Terima kasih :)

© Blog Cik Nurfarah
Blogger Copyright © 2019. All Rights Reserved by BLOG CIK NURFARAH