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


Feeds RSS Subscribe to Feeds RSS
Email Get Updates by Email

27 comments:

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

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

Aneesh 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

Post a Comment

Please don't spam on here..