How to remove the Blogger Nav bar?


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 account
2.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>
and replace it with

#navbar-iframe,#navbar { display: none !important; }
]]></b:skin>
6.Now opt for SaveTemplate.
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..

63 comments: Add Comment
zack said...

i already remove my navbar..
here is the tutorial..
step by step, and useful

remove navbar

and useful to show this video on your blog..

Telugu Movies said...

hi when iam saving this error i got what i can do

"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

Blogger Plugins said...

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

Elizabeth said...

Worked great for me! Thanks!!!!!!!

HiL said...

worked wonderfully! i was really getting tired of it, thanks so much!

Ed said...

Hi this was already coded into my theme from Bloggertricks. Pretty cool

Anonymous said...

Great tip, BUT is that legal? If google finds out, aren't they going to ban your blog for doing this?

tegar_maji said...

i can't find #navbar-iframe { } in template.. do you have another idea?

Slamy said...

it's help
thanks
http://shaisoku.blogspot.com/

Akbar Khan said...

i did it on my blog... but what about the sign in and customize feature on the nav bar now?

GiGGLinG GaL said...

great! thanks

The Queen Speaks said...

I 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.

Do 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. :)

Shrawan said...

Hey, thanks so much. Was so tired finding a way for this. You did it in one line!

Nicks said...

its very simple and works fine. thank you.

Anonymous said...

Hi, many many thanks for this post.

Rock_in_ism said...

I like it to remove the nv-var. I was searching for this from many days and finally i get this
thanks for this..

Rizal said...

Thx,..

Anonymous said...

Thank you so much! I've been trying to figure out how to get rid of that annoying thing and this was so simple.
~cheers~

Phaze said...

Theres a post here,

http://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.

Livingstrong said...

Aneesh, you are amazing and very smart.
Thanks 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.

Blogger Plugins said...

thanks for the encouraging comment :)

1987 said...

thanks. this made my blog looks cooler.

Anbarasan said...

ya its a good Trick dude..
Is there any Widget for
"Sharing with a friend "

Anonymous said...

When I remove, My background image dissapears? Why is this so? Can somebody help?

Shrinath said...

Thank you...
its nice..

bluedonkey99 said...

If you have a template which doesnt have the navbarm, how do you put it back in?

i am using

Blogger Template Design: The Professional Template II
Design by: Ourblogtemplates.com
thanks
bd99

JadeLD said...

This is great thanks, I did this before on my other blog but couldn't quite remember thankfully I found you again!
Jade

swapnamitra said...

thanks for your help

Tola Famakinwa said...

Just came across this... thanks for this tip. its been annoying me for a bit, and didnt want to remove it completely...

Anonymous said...

hey i tried it man, its working great on my my page, you may have a look at : http://chudai-ki-story.blogspot.com/

Cookie said...

It doesn't work so well on the new template. It removes the bar but leaves a blank space there instead of moving everything up. :(

Ikhsan^Outbreaks^Blogger said...

I have done it! this is very useful tutorial

See My Blog

Thank you very much

Ikhsan

Funstoo said...

Thanks! disturbing Area is No More !

Anonymous said...

cool

always feeling tired said...

Great tip. I struggle with Blogger (Yes I know!) so this is really useful.

Anonymous said...

this is working great on my http://free-soft-all.blogspot.com , i was looking exactly this kind of thing. thnks dude

ROFO said...

I don't advise that you remove it !! It can be useful to see the next blog or to follow your blog.

http://lovers-shore.blogspot.com

SjAy said...

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 ....

Hemant Sonawane's Studio said...

Great! Done! never imagined the blog would look so good with just the nav bar removed..

Fadil said...

Thanxxx

MariB said...

i tried this to see how it looks but then i wanted it back. How ever now i have "-->" above the nav bar??

BRRip Films Collection said...

Thanx ! :)

Sara said...

Great idea :) :) You rock...thanx...my blog looks like a website :)...just 1 query....how do i add blogs to the related pages...
http://sara-myspace.blogspot.com/
This is my blog adress....hope to get reply soon.

Benjer McVeigh said...

Awesome...Thanks for the tip!

Imogen Bertin <a href="mailto:imogen@ctc.ie">Email me</a> said...

Thanks so much for this tip - works really well.

Yoga Quotes said...

Great! This is what i want.

Dhananjay said...

Oh my god you are genius ! thanks

Judith said...

THANK YOUUUUUU!

Julie said...

THANKS!!

kevin said...

Thanks !!!

Nathalie @ REV'IMMO said...

Works good !

Aqua Fanatic said...

Thanks a lot ...it works great

missnepal2013 said...

thank you for your nice Help it was very good now I know
look i make own my page http://missnepal2013.blogspot.com/

Rujan Neupane said...

Thanx !!!

tipsmsolehan said...

thank you so much.... it's great idea

alan said...

thanx a lot
succesfully removed my navbar without any problem.

I Love Googling said...

Hi, it helped me. Thanks.
http://supermaxincome.blogspot.com/

IT Crowd said...

Great. Thanx guys

The blogger said...

Hi thanks. Im able to remove the top bar using the above guide.
http://www.mycashcabinet.com/

Anonymous said...

Thanks, im succesfully removed my blogger nav bar...

umain30 said...

Thanks for the article it will help a lots of bloggers who use blogspot template.

Skyinearth said...

i 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

Kee Garcia said...

Wonderful! Simple and direct to the point instruction on removing the nav bar of a blogspot blog.

If you want to delete your blogspot blog, I have a blog post about it.

Post a Comment