Blogger has got a Navigation Bar that appears by default at the top of every Blogger-powered blog. This navigation bar can be very useful when you are blogging, but sometimes, it can get in the way. The Blogger navbar is usually hidden in most of the third party templates.
The advantages of it are the following:
- when you click on the B icon, it will take you to blogger.com
- a quick link to your Dashboard and "Sign in /Sign out" dialog
- you can easily search for other blogs
- you can "Flag Blog" (if you consider content of a blog objectionable)
- NextBlog - takes you to a random, recently-updated Blogger blog
The only disadvantage is visual. If you have customized design, Navbar just doesn't fit in.
So how we get rid of it? It is very simple. Just follow the next steps...
Removing The Blogger Navbar:
1. Login to your Blogger account, click on your blog name and navigate to Layout;
2. Look for the Navbar text and click on the Edit link as shown in the picture below:
3. When the pop-up window appears, scroll down and select Off, then click on Save button:
You're done.
Thanks for this. You rock!
ReplyDeleteMy pleasure. Thanks for the feedback :)
Deleteyou all are awesome man
Deleteno no no with this options you have empty space between logo and top page.
Deletebut if you put these code before you have a pretty logo position
#navbar { height: 0px; visibility: hidden; display: none;}
http://seecrypt.blogspot.com/
but when i did the same, there appears some.....blogger error ensert the code balabla..
ReplyDeleteplease help me..
Welcome Soman,
DeleteMake sure you have inserted the code correctly and you haven't removed any other code accidentally. If it's still not working, try this method instead.
don't forget to backup your template...
DeleteThanks for this post. Hey visit my post on this topic. Click Here Remove Blogger Navbar for professional look
ReplyDeleteIt Worked, (Y)
ReplyDeleteI just became alert to your blog through Google, and found that it's truly informative. I’m going to watch out for brussels. I will be grateful if you continue this in future. Lots of people will be benefited from your writing. Cheers!
ReplyDeleteClick Here : My Top Blogger Tricks
Excellent post! It seems that they change the procedure of hinding navBar?
ReplyDeleteThanks for sharing! :)
ReplyDeleteDoes not work. Error changing it.
ReplyDeleteThis trick is not working with upgraded html editor, try hiding with css code.
DeleteThanks a bunch!! :)
ReplyDeleteyou're welcome ;)
DeleteSO nice information you shared,now my blogger looks perfect
ReplyDeleteWorked like a charm! Thanks for the info!
ReplyDeleteThis trick is something special for me.. I already knew 2 different tricks but this one is different.. Thanks for the share!
ReplyDeleteThis method is not working in the new blogger interface. I have tried it on my blog and it says.......Oops, error connecting to it.
ReplyDeleteI need help with placing the script code inside the box like your post, how do you do that?
ReplyDeleteGreat post admin! I was searching for this and got this when I wanted it most.
ReplyDeleteBlogger allows you to choose if you want to show it or not, all you have to do is going to design / page elements on top click edit nav bar scroll all the way down and select Off
ReplyDeleteGreat writing,pleased and impressed to see above post.
ReplyDeleteNow my blogger looks great
very nice post
ReplyDeleteWhy not just disable it in your blogger account layout?
ReplyDeleteThank you very much....
ReplyDeleteThanks Admin! :)
ReplyDeleteThanks for the post..
ReplyDeleteIt was nice and easy to remove and website looks a bit professional.
You do not need any trick to remove navbar.
ReplyDeleteGoogle provide choice to turn of navbar.
But, you will no longer see the Quick Edit pencil icon or wrench links icon on your blog even if you are logged in.
ReplyDeleteAll these methods deleting these icons. :-(
I want back my useful icons :-)
But how?
Thanks for the tutorial, never like Blogger never bar, it looks unprofessional.
ReplyDeleteIt doesn't work for the newer version of blogger ...Why > ? please hlp !
ReplyDeleteHi,How to delete a empty space in blogger..
ReplyDeleteHi,How to Delete empty space in blogger..
ReplyDeleteGreat Tutorial . Navigation Bar have its benefits but just like you said , if the design just doesn't fit , then it's better to remove it .
ReplyDeleteHi, I am new to blogging, but this tut help me alot to remove blogger navbar from my blog. Cheers!
ReplyDeleteExcelent Post Thanks for sharing
ReplyDeleteThank you so much. You have explained it very well.
ReplyDeleteNice post.......
ReplyDeleteI used to add a code to my template but this is quite simple and straight forward.
ReplyDeleteYou just made this beyond easy! Thanks!
ReplyDeleteIT helped me to remove the nav bar. Thanx
ReplyDeleteNo sharing option? :O
ReplyDeleteyeah, thanks for your help!!
ReplyDeleteThanks Solved my problem.
ReplyDeletesuraj
http://www.diggbloggers.com
Initially when I installed this code, it worked wonderfully...now only hours later, the Blogger navbar is back though the code is still intack. Hmmm...what's happening here???
ReplyDelete