How to Remove Blogger Navbar

How to Remove Blogger Navbar ?

Bloggers generally want to remove navbar from their blogspot domain as it looks awkward to the view. So below is a step by step guide to Remove Navigation Bar (navbar) from blogger’s blogspot.com domain. The navbar in fact becomes hidden when we place a small code in the html of the site. There isn’t any drawback to keep that navigation bar with your blogs but, it seems awkward and changes a look of your websites. Generally this process of removing navbar is not required when you are using some online pre-made blogger templates because the webmasters or that template usually put this code by default when creating and developing that blogger themes. However, you need to implement this process when you are going to adopt templates that are available within your blog setting.

To hide the Blogger Navbar :

1- Log in to blogger

2- On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog’s HTML.

3- paste the CSS definition in the top of the template code:

...
<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 {
   display: none !important;
}

/* 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">

Remember to place only code in Bold Notation above and should be place at the same position
as it is placed here. 

Step by Step Video Training for How to Remove Blogger's Navigation Bar


<!--
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{mso-style-parent:"";
	margin:0in;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
@page Section1
	{size:8.5in 11.0in;
	margin:1.0in 1.25in 1.0in 1.25in;
	mso-header-margin:.5in;
	mso-footer-margin:.5in;
	mso-paper-source:0;}
div.Section1
	{page:Section1;}
-->
Step by Step Video Guide to Remove Blogger Navbar

Feel free for any further questions or queries if you still need to know more about
How to remove blogspot.com's navbar.