Wednesday, September 3, 2008

Remove Blogger Navbar

If you want to remove/hide/disable the Navbar page element here is how to do it. The Navbar is the banner at the top of your blog that has “SEARCH BLOG”, “FLAG BLOG”, “Next Blog”, “Create Blog” and “Sign In” on it. 

  • Sign In to Blogger.
  • Click on Layout on your Dashboard.
  • Click on the Template tab
  • Click Edit HTML.
  • Below Edit Template you see the HTML for your blog.
  • Search for something like this:

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Rounders 4
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

/* Variable definitions

  • Now add the following three rows at the right location:

#navbar-iframe {
display:none !important;
}

  • It should look like this when it is placed at the correct location:

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Rounders 4
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
display:none !important;
}

/* Variable definitions

  • This is also a correct placement:

<b:skin>
#navbar-iframe {
display:none !important;
}
<![CDATA[/*

  • Preview to make sure it works before you Save the Template.

4 comments:

  1. i am trying 2 add you 2 my blog role and why did you say you could fined egge50s blog at my site

    ReplyDelete
  2. Sorry a misunderstanding. Thanks for telling me. I have fixed that now :)

    ReplyDelete
  3. Thanks saraapril! Now that's not on my blog!

    ReplyDelete