Hide or Remove Blogger Navbar

The Blogger Navbar appears by default at the top of every Blogger-powered blog. Navbar features include:

[B]:
takes you back to main page of blogger.com
Search Blog:

searches the blog you're viewing. Results will appear directly on the page.
Flag Blog:

lets you mark the current blog as objectionable.
NextBlog:

takes you to a random, recently-updated Blogger blog.
[email address]:

If you are logged in to your account, you'll see your own address here. Other viewers will see their own email addresses, or none at all if they aren't logged in.
Dashboard:

If you are logged in, you'll have a link to your own dashboard.
Sign In/Out:

This displays the appropriate option, depending on whether you're logged in or not.

Actually you can remove this Blogger Navbar by some coding. Here i teach you all how to remove the Blogger Navbar..very easy, just follow all of this tutorial. Here, i teach you three technique...

Firstly you need login to your Blogger Dashboard. Then go to Template tab and choose Edit HTML.

Technique One :
On that Edit Template box, you just need to paste this code :



#navbar-iframe {
display: none !important;
}

On my blogger, i usually paste this coding above the Variable Definitions.
Here i show you the template that i already changed.



-----------------------------------------------
Blogger Template Style
Name: Minima
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#5588aa">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#666666">

Technique Two :
This is another simple way to remove the Blogger Navbar but it will not form valid HTML. Replace your &ltbody> tag with the following code and hide will hide the Blogger navbar.
Use this coding :



<noscript><body></noscript>

Technique Three :
Similar to technique two for hiding the blogger navbar but doesn't form valid HTML. Replace your &ltbody> tag with the following code and hide will hide the Blogger navbar.
Use this coding :



<noembed><body></noembed>

I know you will think remove Blogger Navbar illegal or not..

Is removing the Blogger Navbar legal ?

The Terms of Service for Blogspot.com do not mention anything about Blogger Navbar but it does state a word about the discontinued Blogger AdBar which was previously displayed on freely-hosted Blog*Spot blogs.

By creating your BlogSpot Site, you agree that Pyra has the right to run such advertisements and promotions.

You also agree that you will not attempt to block or otherwise interfere with advertisements displayed on your BlogSpot site via JavaScript or any other means. Doing so is grounds for immediate termination of service. The manner, mode and extent of advertising by Pyra on your BlogSpot Site is subject to change.
Since it is not mentioned explicitly in the Terms of service, it remains doubtful if removing and hacking the Blogger navbar is any violation of the Blogger terms of service. Lets say we are not "removing the navbar" but only "hiding the navbar" or we could even re-position the navbar to the bottom of the blog. Get rid of the blogger nav bar.

 

8 comments:

Rolando said... December 17, 2007 at 8:13 PM  

Very cool, the first method worked for me, thank you very much!

NJTechTeacher said... December 23, 2007 at 1:08 PM  

Thanks!

Klaus said... April 5, 2008 at 1:12 AM  

Wow, gone, I removed the bar.
Thank you so much!!!

Greets from sap-basis-lamer.blogspot.com

Joyce said... August 27, 2008 at 6:36 PM  

I tried 2 other methods and yours worked just perfect! Thanks!

Cafer T. Yavuz said... October 3, 2008 at 10:33 PM  

so, why didn't you remove from this blog?

ajpmann said... April 24, 2010 at 5:49 PM  

Soooo simple. Amazing tip.

freewatchmovies said... July 18, 2010 at 8:55 AM  
This comment has been removed by the author.
miong said... March 2, 2011 at 4:37 AM  

thank you.

Post a Comment