Friday, December 2, 2011

Removing the NavBar from New Blogger templates

A previous post has been very popular with folks wanting to remove the NavBar from their Blogger blogs.

If you use the new template, for example this blog uses Simple, then you need to do things very slightly differently.

  1. In the blog, select Template and then Customize
     
  2. This brings you to the Template Designer. Click on Advanced, and scroll to the bottom to "Add CSS"


  3. In the window put (you can copy and paste)

    #navbar {
    display: none;
    }
  4. The click "Apply to blog"
Here's the result:

Before:


After:


4 comments:

Prepaid Android Phones said...

very useful, thanks

mynux said...

should be no space for display:

from :

#navbar {
display: none;
}

to :

#navbar {
display:none;
}

Ehsan ul haq said...
This comment has been removed by a blog administrator.
Celina Smith said...
This comment has been removed by a blog administrator.