Tutorials, tips and tricks about Blogger

18 Nov

Remove Blogger bar (navbar)

3 Comments | by in Design, Tips and Tricks | 2009

Español Português

Blogger gives you free blogs service, with the simple condition of display a bar on top of the page, and do not display advertisement. But if you don’t like it, and you want to remove it (or hide it), we tell you how.

  1. Go to the “Layout” tab, and then to “Edit HTML”.
  2. Layout Blogger

  3. Search in the code the following text.
  4. 
    body {
    ...
    
  5. Just above it, paste the following code depending of your Blogger version. For the new blogger:
  6. 
    #navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none
    }
    

For the beta Blogger:


#b-navbar {
height:0px;
visibility:hidden;
display:none
}

This way we can set the navbar as hidden, and it will no longer appear on our blog.

Comments

3 Comments, leave a reply · Feed
  1. Mehboob Talukdar October 21, 2010

    ITS WORK BUT SEE THE TOP

  2. Jeffry Ng Darwis January 1, 2013

    Nice toturial . Sometimes the nav bar just doesn’t fit the blog’s design

Reply

You must be logged in to post a comment.

Tutorials, tips and tricks about Blogger