How to Hide or Remove Blogger Beta Navbar
How to hide Blogger Navbar in the new Blogger Beta with simple CSS and how to turn off Blogger Beta Navbar
Google’s Blogger automatically inserts a promotional navigation toolbar called Blogger Navbar on the top of every blogspot blog. This Blogger Navbar is 50 px high and is distinctly visible as it covers the entire width of your browser. This Navbar acts as a stumbler allowing people to stumble across blogs. It also features a search bar which returns results relevant to your blog in blogspot. However, it does not blend well with Blogger themes with only Blue, Tan, Black and Silver as available options besides taking away valuable visitors from yout Blogspot Blog.
So for everyone who shifted from Blogger to Blogger Beta, the new Blogger, here is a simple CSS hack that will let you remove and hide the Blogger Beta Navbar. Just add the following lines of code.
How to Hide the Blogger Beta Navbar in a Blogspot blog
Step # 1: Log into your Blogger account.
Step # 2: In your Blogger account, select Settings. Then choose the Template tab
Step # 3: Click Edit HTML. Under the Edit Template section, you will see the blog’s HTML
Under your Title Tag you will see code which looks something like below in green. Add the code in grey for your Blogger Beta Navbar to be gone forever.
<b:skin><![CDATA[/*
———————————————–
Blogger Template Style
Name: Rounders
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 27 Feb 2004
Updated by: Blogger Team
———————————————– */
#navbar-iframe {
height: 0px;
visibility:hidden;
display: none;
}
/* Variable definitions
====================
<Variable name=”mainBgColor” description=”Main Background Color”
type=”color” default=”#fff” value=”#ffffff”>
<Variable name=”mainTextColor” description=”Text Color” type=”color”
default=”#333″ value=”#333333″>
…
Alternatively, if you don’t want to deal with Blogger anymore, a nice option would be to move to WordPress. TechCounter runs on WordPress. After downloading WordPress, come back and check out this article on Importing Blogger Beta posts to WordPress.
If you liked this article, click here to buy me a coffee!Popularity: 19% [?]
July 3rd, 2008 at 12:23 pm
Thanks a bunch, I was getting frustrated with trying to supress the nav bar following some old instructions. Your tip worked like a charm!
November 12th, 2008 at 9:57 pm
9z6b5cfcsq81evr2
November 23rd, 2008 at 4:40 am
thanks a lot. great help. it works for me. keep up the good work
http://emoneytalk.blogspot.com
January 10th, 2009 at 1:34 am
YOu rock dude.thx!
January 15th, 2009 at 4:15 am
I am using blogger beta i have tried many css codes including yours but unfortunately it is not working. Please help.
Visit Now: Collection of Free Software
January 26th, 2009 at 2:03 am
@aftab actually the hack depends on the template used.
@Ryan the code doesn’t work for the latest templates (so called beta). The newer templates use iframes and so the CSS has to be applied to the iframe tag.
January 26th, 2009 at 2:16 am
@ ryan I’m sorry for the previous comment. Your code works for the major beta templates. But I’d like to suggest one change.
#navbar-iframe {
height: 0px;
}
Alternative CSS codes:
#navbar-iframe {
visibility:hidden !important;
}
#navbar-iframe {
display: none !important;
}
February 10th, 2009 at 9:36 pm
This works. Place the following text directly above the Variable definitions section (near top of html)
/*http://ticksabox.com*/
#navbar-iframe {display: none !important;}
April 23rd, 2009 at 5:34 am
Как можно связаться с автором блога для размещения постового у вас на сайте и сколько будет стоить?
May 29th, 2009 at 8:59 am
Nice work dude… It is helpful for me as well as others..
SEO Consultant
July 27th, 2009 at 11:37 am
Good work. Thanks for sharing.
November 17th, 2009 at 2:29 pm
Hey Thanks Alot, You Have Explained It The Best Yet.
November 30th, 2009 at 7:50 am
Great job! Cant wait to start my own blog.
May 28th, 2010 at 10:30 pm
Hello there, your site is really cool. I not completely agree with you and would like to see more karma here.Thx and see you soon on your blog.:)
August 3rd, 2010 at 5:38 am
Thank you so much, I have been sitting here for hours trying to remove the navbar! Thank you so much
September 9th, 2010 at 3:04 pm
thanx a lot my navbar removed
December 12th, 2011 at 9:41 pm
Saudi king Abdullah is one of the most progressive and thoughtful leaders that country has ever had. Im reassured. Now I know that the religious police who beat people with six-foot staves and send little girls back into burning buildings to die because they forgot their head scarves are operating under an enlightened ruler. The next guy might drag them back into the Dark Ages.