How to remove Navigation Bar of Blogspot Blogs : Latest trick

Blogger's default templates come with a default navigation bar. Hence, If you are using a default blogger template,then you will see on your blog, a navigation bar like the one in the picture below.This navigation bar can be removed using some simple CSS techniques.

Here are the steps to remove the Blogger Navigation bar

1.Login to your blogger account

2.From your Dashboard click on Design

3.Now choose Edit Html

4.You will see your template code there.

5.In that template code, use "CTRL+F" to find

/* Variable definitions

Then, right on top of it, copy and paste the code below:

#navbar-iframe {

6. SaveTemplate.

7.After saving the template take a look at your blog and your blogger navigation bar must have disappeared.

I hope this helps...

Feel free to check other Blogger tricks and tips.


  1. Anonymous1/18/2011

    Thanks for this information. Will try it when i get on my pc at home.

  2. How will you sign in to your dash board when you remove the bar?

  3. @Kayode...u can always log in to your blog by going to


Post a Comment

We Love To Hear From You But Don't Spam Us With Links!

Want to be notified when I reply your comment? Tick the "Notify Me" box.

If your comment is unrelated to this post or you're trying to ask question about an old post, please drop it at our discussion platform here.