Thursday, 8 January 2009

Howto Remove Blogger Header

Howto Remove Blogger Header. Maybe you already removed the navbar and maybe customizing the header by removing the border wasn't enough, and you just want to remove it completely.

Go to 'dashboard' and select 'layout' and then 'edit html'.

Scroll down until you get to the "#header-wrapper" section.

Change
    #header-wrapper {
    width:660px;
    margin:0 auto 0px;
    border:0px solid $bordercolor;
    }
to
    #header-wrapper {
    width:660px;
    margin:0 auto 0px;
    border:0px solid $bordercolor;
    display:none; /
    }
and save.
Posted by at 03:33
Labels:

21 comments:

  1. Anonymous30 November 2009 at 01:24

    Thanks

    Also Visit
    http://www.thefreelibrary4u.tk

    ReplyDelete
  2. Mohammed Zatari30 January 2010 at 07:53

    any idea in how to change it,
    like to more left and to the bottom a little bit??

    ReplyDelete
  3. Steve Mansfield30 January 2010 at 09:26

    hmmmm no, but not sure why you want the header to appear in the middle of the page?

    ReplyDelete
  4. Mohammed Zatari30 January 2010 at 11:19

    i dont want it to be in the middle!

    i just want it to be a little down and a little to the left,

    i end up with removing it, because when i put it, the design looks not cool at all,

    check my blog and look at the design!!
    u can see what im talking about!


    now i dont have a title and i dont have a HOME link button! :(

    but really thanks for this tutorial!

    ReplyDelete
  5. Pedram4 May 2010 at 23:41

    now this was really useful, thanks a lot!

    ReplyDelete
  6. akthktd11 June 2010 at 22:06

    great...

    ReplyDelete
  7. Ryan26 September 2010 at 11:41

    Excellent.

    ctrl + f with 'wrapper,' then add the "display: none;"

    This is a year old but it works loads better than newer ways to remove the header. Thanks, guy.

    ReplyDelete
  8. yeasin00092 October 2010 at 07:49

    no more valid.

    ReplyDelete
  9. Rob10 October 2010 at 18:32

    Look for this code now:

    .header-outer {
    background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
    _background-image: none;
    }

    then add:

    display:none; /

    End code should look like this:

    .header-outer {
    background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
    _background-image: none;
    display:none; /
    }

    ReplyDelete
  10. Zohaib Nasar Baloch18 November 2010 at 01:33

    hmmmmmm it worked, thanx

    ReplyDelete
  11. Atishay jain9 January 2011 at 23:04

    I did this just now in only a few seconds and it worked and looks great! Thanks so much for the info

    ReplyDelete
  12. Abdul wahab18 January 2011 at 09:58

    Good
    http://picspox.blogspot.com/

    ReplyDelete
  13. Sharon Trumps21 January 2011 at 09:03

    Oh my, thank you so much. I have tried everything and nothing worked but this.

    ReplyDelete
  14. dwayne29 January 2011 at 08:53

    thanks so much - this worked great!

    ReplyDelete
  15. Rohit8 February 2011 at 21:45

    Want to Earn Money In 15 Minutes

    visit Now & Register
    http://paiselive.blogspot.com/


    Join Now & get 99Rs Just for sign up.

    ReplyDelete
  16. Geetha P18 February 2011 at 11:18

    thank you very much admin, i am searching for this..

    ReplyDelete
  17. admin6 June 2011 at 11:56

    well, this is what im looking for so long.it's really works and my blog look excellent. tq admin

    ReplyDelete
  18. tj17 June 2011 at 20:19

    ...Yay - it worked!

    ...Thank you!

    ...Blessings... :o)

    ReplyDelete
  19. It's Like Boo!21 July 2011 at 19:01

    Thank you! :D

    ReplyDelete
  20. Tara31 August 2011 at 12:23

    worked perfect THANK YOU!

    ReplyDelete
  21. Ashlyn Nicole7 October 2011 at 17:13

    very helpful, i am using the simple template. thanks!

    ReplyDelete

Subscribe to: Post Comments (Atom)