UPDATE 9/11/12: Blogger has just introduced a really easy way to remove the navigation bar. You can still follow the HTML instructions below, or you can go to "Layout," click "edit" on the NavBar (top right corner), and click "off" in the pop-up box:
That's it. You can always turn it on again if you like. Here's my original article with the HTML code:
* * *
How do you remove the Blogger navigation bar from your blog? I recently wrote an article, "8 Ways to Make a Blogger Blog Look and Act Like a Website" that did not include this tip, because I constantly waffle about it.
On the one hand, it is a convenient way to access the Blogger dashboard and design templates and it allows people to follow the blog easily. On the other hand, it's a design element that announces, "Blogger blog," to the world, and hiding the bar presents a cleaner look. So here's what you do if you want to hide your Blogger navigation bar:
How to Hide the Blogger navigation bar.
Go to Design --> Edit HTML (In the new interface, go to "Template," and "Edit HTML"). Before making any changes, make sure you hit the link, "Download Full Template" to save a copy of your current settings. Find "body {" and add the following code after that:
#navbar {
height: 0px;
visibility: hidden;
display: none;
}
visibility: hidden;
display: none;
}
My blog without the navigation bar:
 |
| Blogger blog without navigation bar at top |
How to minimize your Blogger navigation bar.
If you aren't quite ready to give up on the navigation bar, but want to make it less obvious. Go to Design --> Page Elements, and "Edit" the Navbar. In the new interface, go to Layout and "Edit" the Navbar. You'll be given choices about how your Navbar will look. "Transparent Light" or "Transparent Dark" are good choices to give your Navbar a subtle look, depending on whether your blog's background is light or dark.
If you liked this post, you may also like:
Thank you so much for this.
ReplyDeleteI have been trying to remove blogger nav bar since 2 hours. Eventually your post has helped me in doing it.
Thanks for stopping by!
DeleteInformative post through which I got my blogger nav removed. Struggling for that but got it solved after finding it here. Thanks for an informative article.
ReplyDeleteYou're very welcome!
DeleteReally Amazing article. I found all the articles of this blog 100% perfect, helpful & unique. You are a legend Blogger, blogger master. You can take a look on my website in same niche and post a comment.How to Remove Blogger Navbar
ReplyDeleteThanks from admin of How to Blogger Tips
Ha, you are too kind. Thanks for the ego boost!
DeleteStumbled on your website and found it very helpful. Didn't want to leave without saying thanks!
ReplyDeleteThank you for stopping by.
DeleteHello great experience, dude! thanks for this great Articles wow… it’s very wonderful report.
ReplyDeleteVery helpful articles, thank you!
ReplyDeletePlease, take a look on my customized blogger!
http://www.ekipamais.com.br/
Thank you i am very happy, it is working yipeee
ReplyDeleteDownload free desktop and mobile wallpapers, pictures and backgrounds.
http://angryimage.com/
I have to say, I have been one of the web designers perth for quite some time now but this still remains to be my pet peeve. Thanks for providing a systematic way of removing it. Million thanks!
ReplyDeleteThanks for this one. I noticed that the blogger bar does not appear for web visitors as it is only visible if you are in admin mode. I'm pretty OC about screens and hover bars.
ReplyDeletelocal seo services
MJ
I've been doing some minor tweaking on the site that just came from the Australian domain registration and this article proved very helpful to me. Many thanks!
ReplyDeleteThis is one of the best tutorial on remove blogger navbar, thank you admin for the superb tut!
ReplyDeleteNow I know on how to remove the Blogger navigation bar in my blogsite. But I prefer that those who’s in ecommerce seo, add a share widget on every end of your article so that the visitors can share your article in different social networking sites such as Facebook and Twitter.
ReplyDeleteI hope you could provide several tips and advises if I happen to want to create a brand book examples online. I really ove the way you write everything in here, easy-to-understand instructions and easy to follow guidelines. Also, I hope you make some tutorials in personalizing the theme I got in my blogspot account.
ReplyDeleteThank you so much for the tip. I didn't know it was as simple as that. I've been blogging for a couple of months and it's only now I was able to remove it. I really thought it takes an seo expert australia to be able to create a flawless site.
ReplyDeleteThat’s it? I thought I need to visit some seo organic optimization pages to learn how to remove the navigation bar. Good thing my friend referred this link to me, it’s easy as one click.
ReplyDeleteLouisse
Isn't that funny? I just edited my intro to update it for the new interface.
DeleteThank you so much. You have explained it very well.
ReplyDeleteYou can visit me at: Bloggerjin Tutorials
This has been very helpful especially to those who are seeking out some help for their business website development. Sometimes we find it hard to figure out how to manage the most basic and simple ones cause we tend to disregard them most of the times, thanks for the quick tutorial by the way! It's been very helpful!
ReplyDeleteLuisa Will
Very helpful indeed. I can't remove this for about a week, I had a flight from New York to Hongkong and during those times, I was figuring out how to remove it the navigation bar but I never figured how to remove it. I tried to venture digital marketing and tested it on a blogger site and the navigation bar seems a distraction to the end users. Removing that made my site look more professional.
ReplyDeleteRyan Donovan III
I've been trying to do that for days! Thanks for the info. I though I'd be needing expert seo skills for this one.
ReplyDelete-Cass
I have bookmarked this link as it is very educational, my kids will be following this post too.
ReplyDeleteweb design in karachi
That navigation bar is important but some users prefer to remove it. I don’t usually remove mine but if the design doesn’t complement with it then that is the time that I’m going remove it.
ReplyDelete-Rachel Banniste
Simple and easy! With these few steps you'll be able to remove blogger from navigation. Starters should start out with Blogger first as most of the Blogger users help each other and offers a quick solution to minor issues such as this. Keep it up!
ReplyDeleteRegards,
Sean
I had remove a blogger by using your blog. Awesomely explain article. Thanks
ReplyDeleteClick here
Wow! You just helped me out so much I just removed it and didn't realize how easy it would be. Thanks! Looking forward to trying to recreate my blog.
ReplyDeleteThanks for this reminder. It has been driving me nuts lately. This technology thing is just going over my head. Thanks!
ReplyDeleteBest,
Mischna Ong
A good website is very important in promoting anything. If you can't make or design your own website, then I suggest if you ask a T&T Web Servicesto help you. If you have money or a good budget, then there is no reason for you to have a low quality site.
ReplyDeletezzz
ReplyDeleteGlad you found this simple, Mentalite.
Delete