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 <body> 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 <body> 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.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.
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.
Categories Blogger Dummies, Blogger Guide, Blogger Hacks, Blogger Help, Blogger Instructions, Blogger Tips, Blogger Tricks, Change Template, Customize, HTML, NavBar, Navigation Bar, Template
Very cool, the first method worked for me, thank you very much!
Wow, gone, I removed the bar.
Thank you so much!!!
Greets from sap-basis-lamer.blogspot.com
I tried 2 other methods and yours worked just perfect! Thanks!
so, why didn't you remove from this blog?
Soooo simple. Amazing tip.
thank you.