How to remove Nav bar from you blog

Many people that are interested in blogging with blogger site have one common complain , that is that they can`t remove the Nav bar from their blogs. So i found out a solution for them. I mean a a way to remove the Nav bar from your blog. Perhaps one may wonder what is the use of doing this now let me answer for that question first.

• It looks more professional without it because having nav bar your blog look more like a free-hosted blog and less like a professional site.
• This may not seem significant, but not having the nav bar it gives your bit more space for graphics. You will this useful when designing your own blogs.

But some times the Nav bar can becomes handy also

• It makes editing a little bit easier: You can login directly from the blog itself, and don't have to worry about logging into blogger. You can also edit capsules from the main page, without having to go into elements.

So its up to you to decide to keep the Nav bar or to remove it any way if i get on with my topic , to remove Nav bar you have to follow this steps.




1. Login to your blogger dashboard.
2. Click "Layout"
3. Click "Edit HTML"
4. Find the BLUE code you see in the image to your right. The code will be quite near the top of your HTML section, you shouldn't have to scroll very far at all. The blue code should definitely be there, but the data box you see may not be, depending on where your template came from.
5. ADD the code you see in red precisely where you it see it in the image to your right. If you want to copy and paste it, do so from the bold text you see below

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

Use your preview button before you click save! If you like what you see, go ahead and save.

If you ever felt that you miss your nav bar

Simply go back into your HTML the same way and delete the part you just added. It's really that simple!