Blogger comes with a default navigation bar.This blogger navigaton bar may not be present in most of the templates.But if you are using a default blogger template,then you will see some navigation bars like the one in this picture.These navigation bars can be removed using some simple CSS techniques.
Here are the steps to remove the Blogger Navigation bar /Blogger Nav Bar
1.Login to your blogger account2.From your Dashboard opt for Layout
3.Now choose Edit Html
4.You will see your template code there.
5.In that template code find
]]></b:skin>
#navbar-iframe,#navbar { display: none !important; } ]]></b:skin>
7.Affter saving the template take a look at your template and your blogger navigation bar must have disappeared. :)
If you still cant figure this out see the video below. See the video below..
hi when iam saving this error i got what i can do
ReplyDelete"More than one widget was found with id: HTML22. Widget IDs should be unique."
Please Tell me Solution
this is my mail id freetelugumovies@gmail.com
i think there is some problem with your template.. just try to find out HTML22 and change one of them(only one) to something else say HTML567890
ReplyDeleteWorked great for me! Thanks!!!!!!!
ReplyDeleteworked wonderfully! i was really getting tired of it, thanks so much!
ReplyDeleteHi this was already coded into my theme from Bloggertricks. Pretty cool
ReplyDeleteGreat tip, BUT is that legal? If google finds out, aren't they going to ban your blog for doing this?
ReplyDeletei can't find #navbar-iframe { } in template.. do you have another idea?
ReplyDeleteit's help
ReplyDeletethanks
http://shaisoku.blogspot.com/
i did it on my blog... but what about the sign in and customize feature on the nav bar now?
ReplyDeletegreat! thanks
ReplyDeleteI had my nav bar hidden in my old tempalte (Ms Moto) - and it wasn't hard to do. Ever since I changed the template to Minima, though, I can't get rid of the nav bar. I've looked high and low under HTML portion of my blog...but nothin'. Nadda. Zip. I've even used the find shortcut to look for it - and can't find it that way, either.
ReplyDeleteDo you know what I'm doing wrong? Why can't I find it and get rid of it again?
Thanks for all your help! This blog is great. :)
Hey, thanks so much. Was so tired finding a way for this. You did it in one line!
ReplyDeleteits very simple and works fine. thank you.
ReplyDeleteHi, many many thanks for this post.
ReplyDeleteI like it to remove the nv-var. I was searching for this from many days and finally i get this
ReplyDeletethanks for this..
Thx,..
ReplyDeleteThank you so much! I've been trying to figure out how to get rid of that annoying thing and this was so simple.
ReplyDelete~cheers~
Theres a post here,
ReplyDeletehttp://labnol.blogspot.com/2007/06/maybe-it-ok-to-remove-blogger-navbar.html
Suggesting that under question blogger employees have stated that removing the navbar is allowed. The policy just seems to be that they provide no option to do so.
Aneesh, you are amazing and very smart.
ReplyDeleteThanks so much for all the coding provided and also for the explanations how to do it. Very easy the way you explain it.
Thanks again.
thanks for the encouraging comment :)
ReplyDeletethanks. this made my blog looks cooler.
ReplyDeleteya its a good Trick dude..
ReplyDeleteIs there any Widget for
"Sharing with a friend "
When I remove, My background image dissapears? Why is this so? Can somebody help?
ReplyDeleteIf you have a template which doesnt have the navbarm, how do you put it back in?
ReplyDeletei am using
Blogger Template Design: The Professional Template II
Design by: Ourblogtemplates.com
thanks
bd99
This is great thanks, I did this before on my other blog but couldn't quite remember thankfully I found you again!
ReplyDeleteJade
thanks for your help
ReplyDeleteJust came across this... thanks for this tip. its been annoying me for a bit, and didnt want to remove it completely...
ReplyDeleteIt doesn't work so well on the new template. It removes the bar but leaves a blank space there instead of moving everything up. :(
ReplyDeleteI have done it! this is very useful tutorial
ReplyDeleteSee My Blog
Thank you very much
Ikhsan
Thanks! disturbing Area is No More !
ReplyDeletecool
ReplyDeleteGreat tip. I struggle with Blogger (Yes I know!) so this is really useful.
ReplyDeletethis is working great on my http://free-soft-all.blogspot.com , i was looking exactly this kind of thing. thnks dude
ReplyDeleteI don't advise that you remove it !! It can be useful to see the next blog or to follow your blog.
ReplyDeletehttp://lovers-shore.blogspot.com
Done! I was wondering whether to remove the nav bar or not and finally did it and .....ROFO yep I considered that. I think i have given enough methods to go follow the blog for the readers so...lets see if there is any change ....
ReplyDeleteGreat! Done! never imagined the blog would look so good with just the nav bar removed..
ReplyDeleteThanxxx
ReplyDeletei tried this to see how it looks but then i wanted it back. How ever now i have "-->" above the nav bar??
ReplyDeleteThanx ! :)
ReplyDeleteGreat idea :) :) You rock...thanx...my blog looks like a website :)...just 1 query....how do i add blogs to the related pages...
ReplyDeletehttp://sara-myspace.blogspot.com/
This is my blog adress....hope to get reply soon.
Awesome...Thanks for the tip!
ReplyDeleteThanks so much for this tip - works really well.
ReplyDeleteGreat! This is what i want.
ReplyDeleteOh my god you are genius ! thanks
ReplyDeleteTHANK YOUUUUUU!
ReplyDeleteTHANKS!!
ReplyDeleteThanks !!!
ReplyDeleteWorks good !
ReplyDeleteThanks a lot ...it works great
ReplyDeletethank you for your nice Help it was very good now I know
ReplyDeletelook i make own my page http://missnepal2013.blogspot.com/
Thanx !!!
ReplyDeletethank you so much.... it's great idea
ReplyDeletethanx a lot
ReplyDeletesuccesfully removed my navbar without any problem.
Hi, it helped me. Thanks.
ReplyDeletehttp://supermaxincome.blogspot.com/
Great. Thanx guys
ReplyDeleteHi thanks. Im able to remove the top bar using the above guide.
ReplyDeletehttp://www.mycashcabinet.com/
Thanks, im succesfully removed my blogger nav bar...
ReplyDeleteThanks for the article it will help a lots of bloggers who use blogspot template.
ReplyDeletei do you idea but not hide the nagive bar if any one know simple idea plz mail or comment me id Skyinearth@gmail.com www.wilcom-work.blogspot.com
ReplyDeleteWonderful! Simple and direct to the point instruction on removing the nav bar of a blogspot blog.
ReplyDeleteIf you want to delete your blogspot blog, I have a blog post about it.
nice post i apply it here
ReplyDeletehttp://mx-tube.blogspot.com/
thank you sir
ReplyDeletethank uuuuuu
ReplyDeleteHow nice post it is! I applied it on my blog http://www.pechali.blogspot.com/ Nice Work......
ReplyDeleteThank you dear sir i m soooooooooooooooo happy Love you....
ReplyDeletevary vary thanks..
ReplyDeletethanks you so much my friend for your kind help
ReplyDeleteThanks. I have just disabled the nav bar.
ReplyDeletethank you so much :D i removed it
ReplyDeletecheck it out
http://clickpak.blogspot.com/
Thanks, from Norway :)
ReplyDeletethanks for this post...
ReplyDeletebt its not working on my following blog
http://marathi-khazana.blogspot.com/
plz help me frnds.....
thanks
ReplyDeleteThanks I am glad that I found your blog. It's working.Yeeeey
ReplyDeleteI removed my nav bar using this method .Thanx
ReplyDelete