Learn how to hide,disable or remove the blogger navbar(navigation bar) from your blog.
First,let us see what blogger navbar is:
![]()
Blogger navbar allows users to easily navigate to other random blogs and it also has a feauture to search the blogs ,and mark any blog as spam.
So,now you have a clear idea of what really a blogger navbar is.So, why so many people prefer to just remove the navbar inspite of the feautures it has like search,etc.Many people think that, it spoils the look of the blog,especially if your blog has differnet subtitle layout which looks too obvious to see for a visitor.Well, let me come to the actual point on how to disable or hide your blogger navbar.
Below is the step-by-step procedure on how to do it with photos to make it easy to understand.
1.Sign in to your blogger account and click the layout button next to your blog name

2.Next,click the edit html tab as shown in the below picture.

3.Add the below html code as specified in the below picture.
#navbar {
height: 0px;
visibility: hidden;
display: none;
}

4. Save the changes.
Now, you can see your blog without that navbar(this tip can only hides the navbar,it doesn't completely delete it).If you want the navbar to appear again,just remove that code and save the changes.
If you have any doubts,regarding this post,don't hesitate to ask.You can ask your doubts via comments to this post.
Subscribe to:
Post Comments (Atom)








103 comments:
oh.......great tip. worked 100% for me.
thank u
It is the great learning. I wish there was a way to learn earlier .
thank you so much!:P worked great for my video blog http://angelationgsonblog.blogspot.com/ now readers cant flag my blog.. thank you so much sir!:P worked 100 percent!
Thanks Man. It worked like a charm.
oh, great !! thank you.
THANKS. nothing else was working other than your tutorial.
is there a way to keep the left side and not the right side
Should we paste the code from the image of the code that you've posted, or should we post the code from the text above the image? thanks!!
Hi mate! Any of the above two codes work.No Prob!
Thank you so, so, so much! I tried 3 other things like this but your's was the only one that worked for me.
great job!
This was fantastic. I search and tried many options didn't work but this piece did work. Thanks Mate--
thanks for this beautyfull
thanks for this beautyfull
successhalal.blogspot.com
Great, works for me, thanks
I removed the blogger nav bar, but now how do I sign into my blog for new posts & edits??
hi, If you want to Create New Post, Customize,etc.. just Sign into Blogger.com and you'll see that options next to your blog name..
worked great thanks alot :)
http://nghangout.blogspot.com
Wow this really works!thank you!
You are the man!
Excellent tweak
Very good!
I was finding ways all day long, until i searched Google and found this site!
Great tips.
Worked for me too here!
Hello Kranthi, I donno where to put this, but i wanted to know if there's a way where we can have more than one label elements with different categories listed in them. i.e each label with it's own categories.
Thank you :-)
http://vedismo.blogspot.com/
not worked for me help me buddy
OH SNAP!! It worked the site looks so much better!!!
thanks
thanks!
Now my blog looks so much better!
Good work!
thx so much it works really fine http://areyousuperficial.blogspot.com/
Nice trick, glad to find it here.
I use it here at http://online-era.blogspot.com
but is this trick allowed by Blogger?
I like those bars because it allows me to skim blogs until I find something that interests me.
Is there any way to do that when the nav bar is gone or am I just hosed???
Oh super trick...worked 100% for my blog:
http://rajeshhackigarticles.blogspot.com
can u plz write an article about advertising ie selling an ad space of blog...will love to hear from u...
wow its superb . Its help to make me my blog
It works! Thanks
Clinton
Http://www.BlindSpeaks.com
hey thanx for your nice advice and tips
its works in my blog - www.moneyearninfo.blogspot.com
hey thanx for your nice advice and tips
its works in my blog - www.moneyearninfo.blogspot.com
you have a WONDERFUL site! Do you have help with how to add PAGES like Wordpress has? I'd llike to have differendt ones to click on, NOT archives or links... Thanks!!!!!!!!!
SleepCompass.com
grrrrrrrrrr8
thnx ..it works perfectly..
it works www.higadgets.blogspot.com
awesome tip
This is Awesome... Thanks
thanks for ur tips its very useful
visit my blog for food recepies at www.recepieshere.blogspot.com
Good work, and thanks for the opportunity!
It's the most helpful tips for new bloggers.
Thats Great to remove & make your blog more like website, but as blogger is providing so much to us for free, don't we have to provide some help to them too for their promotion.
hi,
i couldn't find the code in my html. i have customized my html a lot, but still i haven't touched navbar.
i use Minima Template and my email ID is expresstosiva@gmail.com. can you help me out?
www.sivashankaronline.com
I Just went thru all of my blogs and used this, you are a darn genius. I aleays search google for tips, and always end up on your site. Here's one that I left in the original pathetic new blogger condition because of the dry subject matter, but used your navbar trick: http://topratedvoip.blogspot.com/
http://topratedvoip.blogspot.com/ ok
yeah yeah man i am your fan trick worked 100% thankyou again
thanks! very useful tip.
Thumps Up.....
Thanks heaps........thats so cool :)
Thanks for this useful. But I would like about how to hide some part of my post with display the key "read more". Thanks in advance!
Great help! Now my blog is close to awesome! :)
thanks i ma searching for thisss
itz very useful to me......
keep rockin...... blogertricks.........
I have custom templates (Charcoal and Notebook Chaos), but they don't show the Navbar at all. I actually like the Navbar, so can you tell me how to include it!?
WOW...COOL MAN, THANKS... ; )
Hi kranthi,
It is not working for me, as far I know I have followed as you have specified.
thanks.
I tried in my http://rapunzelmoneyworld.blogspot.com
Hi
kranthi,
Plz ignore my previuos post.
Now,it is working, when I placed the code just bellow the "variable defination codes block".
Anyway it is working now.
Thanks a lots.
Looking forward for more tips on blogging.
http://rapunzelmoneyworld.blogspot.com
Gracias!!!!
Do you know any way to get rid of the small blogger logo icon next to people's names in the comments? I would love some code for that. Thanks.
Thanks, it worked for me too.
One question is how do I post thereafter?
BRD
thanks for the tip =) It worked well with my blog I'm really trying to customize
http://www.nurturingnigel.com/
thanx alot kranthi, your site is so much helpfull to me...
thanx again
thanks mate.. tip was very useful.. :)
http://onestopcoolin.blogspot.com/
thank dude..nice tips..
http://buzyline.blogspot.com/
p/s:for free rapidshare account,come to my blog k.
hi it is not working for me ..i am getting error like "more than one widget was found with id:Linkedlist 1.widget ids should be unique"..plz help me..here i am showing what i did ..please reply to vlalithaa@gmail.com ..hope u reply soon
-----------------------------------------------
Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
#navbar-iframe{
display:none !important;
}
/* Variable definitions
====================
Thanks for the tips! It works!
Thank's you very much
This is very good site
check my site http://stockmarketvnnews.blogspot.com
This is very useful site.
Check my site here http://stockmarketvnnews.blogspot.com
i have been looking for this post, and now i am successful too, thank you very much, take a look at my blog
http://ftv9.blogspot.com
Worked like a charm! Thanks!
Thanks for the tip...I will be coming back to this site to help my blog get off the ground
haha... thanks for your blog, i am loving it! :)
ooh jadi gitu caranya !!!! Please visit my blog !!!
wow,great tutorial bro...
this is what i need...
Hello,
Please let me know how i can make my blog homepage default to a menu item. i.e. I want the menu page to open by default every time someone visits my blog address. I am using one of your templates.
Thanks in advance
thank you great tip my website is www.seasondiscount.com
woow.....it works.
thank you very much. This blog is very useful for newbie like me.
http://edufree.blogspot.com
worked in second after struggling for quite some time following someone else tip. Thanks
http://skdahal.blogspot.com
http://uma-and-kin.blogspot.com
Hi thanks for your help from http://online-information-directory.blogspot.com/
Thanks its working for me
workforu.blogspot.com
oh..thanks for the useful information
wow, good tip, it does kind of ugly up a blog with that bar there. worked perfect for me first try!
http://nighttimin.blogspot.com/
Thank you, perfect tip!!!!!!!!!
I removed the blogger nav bar, but now how do I sign into my blog for new posts & edits??
Comment by kranthi on July 22, 2008 11:24 AM
hi, If you want to Create New Post, Customize,etc.. just Sign into Blogger.com and you'll see that options next to your blog name..
I didn't find it!!!!! any help?????
http://kragion.blogspot.com/
Great tip, my blog looks a lot better without the bar on top.
Thanks
hi i am back...it did not work for me.. i only copied this
#navbar {
height: 0px;
visibility: hidden;
display: none;
}
is that the only instruction or I have to ad the other in the red box? I dont see a similar code in my template code.
here is my blog http://living-101.blogspot.com/
thanks
Thanks for sharing this html code, worked right away.
i like it
Thank's
100% work for my blog thanks thanks thanks
http://blo-temp.blogspot.com/2009/03/navigate-bar-cannot-view-for-editor.html
Worked fine! Thank God I found your site :)
i just started using the communist template and LOVE it - especially sans nav bar but . . . is there code i can use to still allow users to search my blog? thanks!
I must be doing something wrong because I can't get it to work for mine (sniff, sniff)
that's really useful, i have done it for a few of my blogs :)
no failure hiding the navbar. thanks for your tip.
ooh. thanks for that! that bar was annoying me quite a bit :) I just have to put in a custom search now and i'm all done! :)
dee
http://vieuxlache.blogspot.com
Thanks man !
that's really useful.
Thanks u tips. i like your blog. Nice Blog
You have really helped me, I started a blog about 2 months ago and didnt understand what I was doing, a lot of what I read was not user friendly to me, Google needs more detailed directions that you have. The Pictures are extremely helpful, and I've made a few changes and added what you suggested, just waiting to see how well it worked. Ill let you know....
LO
yeah works great!! hey If you want to see this tip in action as well as have a really good laugh, then check this site out!! : http://internetninjas.blogspot.com/
Great tutorial. Worked like a charm. Thank you!
THNX DUDE ! ITZ PERFECT
not working in my blog pls help me
its working dude... but how to logout......?
Yeah, it works great! But you can't log out then, can you?