How to Remove or Hide Blogger Navbar From Your Blog

Advertisements
Are you tired of finding a way to get rid of the Blogger navigation bar? If you are using the default templates then, you would probably notice a dark bluish horizontal bar appearing just at the top of your site. To be honest, this tiny little bar is quite helpful as it allows you to sign in into your Blogger account, you can publish your posts, customize your site. Now you might be thinking if this bar is so supportive then, why should we remove it? The bar is not visually appealing it has ancient 19th century look which totally ruins your sites outlook. In this article, we will show you How to Remove the Blogger Navbar From your Blog?

The Solution: 

First go to Blogger.com >> your site >> Template >> Edit HTML >> Proceed. Now within the coding of your template search for the ]]></b:skin> tag and just above it paste the following CSS coding.

#navbar { height: 0px; visibility: hidden; display: none;}
#navbar-iframe { height: 0px; visibility: hidden; display: none;}

Now press “Save Template” button and the navigation bar would be removed from your site. However, in the future if you wish to restore the Navbar again then you can just remove the above CSS coding from your Template, and it would be back to normal.  

Alternative Method:

You can remove the navigation bar without any hassle or worry because Blogger team will not mind that. In fact, through the new interface you can simply turn of the navbar. Go to Layout >> Navbar> Edit >> from the list of options select off and press “Save” to complete the process.  


We hope this article would help you in quickly removing the Blogger navigation bar from your site. What are your thoughts? Does it is worthy to remove the navigation bar? Feel free to leave your suggestions and opinions using the below comments form. 
Advertisements

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
OR
Choose Wisely!

16 comments

March 22, 2013 at 7:59 AM

thanks for a basic tip that can make my blog pretty professional

March 23, 2013 at 1:18 PM

I happened directing my blog to your website got some windgets from you and now this problem look here http://felixpenet.blogspot.ro/dsf

March 24, 2013 at 1:33 AM

Hey syed,
Nice post. I want to ask you a question. Can i use position:fixed tag with adsense? Is it safe? Please check my site www.mypremiumtricks.com and do inform me dude..! :D

Editorial Team MOD
March 24, 2013 at 1:42 AM

We would not prefer you to use it. We also tried Position:Fixed Script with Adsense, The same which we are using with the subscriber box.

We have seen many big sites which are using Floating ads but Google always stops you to do such things which intimate your users to click on your ads. You can ask on Google Adsense help forum, they would never recommend you to do that.

Editorial Team MOD
March 24, 2013 at 1:51 AM

Its might be because you are using our Social BOX. When you hide it using Display:none; it redirects to our website. Since, your 404 page you have done that, the reason its taking you to our site.

We're fixing this issue thanks for letting us know.

March 27, 2013 at 8:04 AM

Thanks alot it really helped me.

June 24, 2013 at 9:23 PM

Thank you brother. Thanks alot. Your trick worked.

January 11, 2014 at 9:12 AM

Thanx..

Anonymous
April 23, 2014 at 8:03 AM

thank you , I really needed

April 26, 2014 at 10:51 PM

Thanks Syed. A great post indeed, especially for newbies. Keep sharing.

July 18, 2014 at 5:48 PM

Thanks!

November 9, 2014 at 6:06 AM

Thank u

March 6, 2015 at 5:20 AM

thanks for sharing this! :)

July 14, 2016 at 4:29 PM

Can't figure out why my blog was removed. I finished the setup and was ready for content when I became seriously ill. Went back to Blogger and my site simply said I was no longer there. Can I get help? Is there any way to contact them?

Editorial Team MOD
July 14, 2016 at 5:26 PM

Can you provide me the link of your blog?

January 20, 2017 at 11:28 PM

Thank you!

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2018. MBL Networks, All Rights are Strictly Reserved.