Home » » How to remove Navigation Bar of Blogspot Blogs : Latest trick

How to remove Navigation Bar of Blogspot Blogs : Latest trick

Written By Jide Ogunsanya

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.

Written By Jide Ogunsanya on January 15, 2011

Share :


Like My Facebook Page and Follow Me on Twitter and Google+:

Still in need of something else, Search here:

Subscribe to receive new blog posts directly in your Inbox.

Don’t forget to submit your email address for updates on MONEY MAKING tutorials. You can join Jide on Facebook, follow him on Twitter and add him to your circle on Google+.


  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 www.blogger.com


We love to hear from you!

Sign in to comment "anonymously" without entering verification text.

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

If your comment is unrelated to this post, please use our Contact page.