Remove blogger navbar banner completely

How to mask and cut off the Blogger navbar by simple CSS, How to Turn Off Blogger Navbar and why you should cut off and deactivate the blogger navbar

Bloggers automatically insets a short navigation toolbar (called Blogger Navbar) in all blogpost of blog. Usually this Blogger Navbar gets pushed into the topmost of the web browser window and is assumed to add new (?) workability to each blog. Blogger Navbar is about in between 45-55 pixels in height and stretches across the complete broadness of the web browser window.

proknowliz remove blogger navbar





Step 1: Log in to blogger




Step 2: Go to DASHBOARD, click LAYOUT >>TEMPLATE/DESIGN >>HTML.
You will see HTML code of you template. [No need to expand the template]




Step 3: Now copy following code
#navbar-iframe { display: none !important;}




Step 4: Paste above copied code like shown in black bold color


... ... … …
<b:skin><![CDATA[/*-----------------------------------------------
Blogger Template Style
Name: Picture Window
Designer: Josh Peterson
URL: www.noaesthetic.com
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
<Variable name="keycolor"
... … … …



IS THIS LEGAL?
As it is not referred clearly in the Terms of service of blogger, it remains unsure if removing and cutting the navbar is any violation of the terms of service. Let's say we are not "removing the navbar" but just "hiding the navbar" or we might even reposition the navbar at the bottom base of the blog so as to get free of the blogger navbar.
Next Post Previous Post
2 Comments
  • alan
    alan 2 November 2011 at 04:10

    thanx
    iit was hhelpful

  • Rashid Saleem
    Rashid Saleem 29 February 2012 at 04:32

    thankx

Add Comment
comment url