create your own

Remove or Hide the Blogger Navbar: How to Remove or Hide Blogger Navbar?

66
rate or flag this page

By blog

The Blogger Navbar appears by default at the top of every Blogger-powered blog. Sometimes, the default blue color of Blogger Navbar does not fit for your blogger theme or design. So, you may need to remove Blogger Navbar form your blog. It's very easy to implement. This page contains the information related to delete or remove Blogger Navbar from your blog.

Steps to remove or delete Blogger Navbar

Follow the following steps to remove or delete or hide Blogger Navbar:

Step 1: Log in to your Blogger account and accessing to Dashboard

Go to www.blogger.com and log in to your Blogger account by using your usernaeme and pasword. After successful log in, you will redirect to Dashboard. Form the "Dashboard" select the blog which you want to delete or remove or hide Blogger Navbar.

Step 2: Back-up your blog

Before doing any change of your blogger template, it's wise to back-up your blog template. You may take back-up your blogger through different ways. You may take back-up your blog design only or may take back-up your widgets only or may take back-up all of your blogs. To learn about to take back-up, you may read Blogger Safety : How to Ensure Your Blogger Safety and Ensure Your Blog's Back-up.

Step 3: Accessing the blogger template code to edit

  • Click on the Layout link of the blog you want to remove Blogger Navbar.
  • Form the "Layout" window, click on Edit HTML link.
  • Click on Expand Widget Templates.

Note: For more details, Blogspot template code: How to find and edit blogspot template code?

Step 4: Removing Blogger Navbar

  • Find the following code segment form your blogger template code

]]></b:skin>
</head>
  • Copy the following code and paste it before the above code:

/* 
	Code is developed by:  
		http://hubpages.com/_rt3/profile/blog 
	Blogspot Tutorial Index:
		http://hubpages.com/_rt3/hub/blog-index
	Code Description:  
		Codes for removing Bloger Navbar form your blog
*/

#navbar-iframe{
	height:0px;
	visibility:hidden;
	display:none
}
  • Now, click on Save Template button to save the changes you made..

That's all. Now, the Blogger Navbar will be removed from your blog.

Live Demo:

By using this tutorial, you can easily remove Blogger Navbar form your blog. You may see one demo of this tutorial if you wish so. By using this tutorial, the following blog is implemented. [Click the following link to view the demo]

Live Demo of removing Blogger Navbar from Blogspot blog

© This tutorial is written by Blog.
For more blogspot tutorials, visit http://hubpages.com/hub/blog-index

Print   —   Rate it:  up  down  flag this hub

Comments

RSS for comments on this Hub

Ryan  says:
4 months ago

thanks a lot!

Submit a Comment

Members and Guests

Sign in or sign up and post using a hubpages account.


optional


  • No HTML is allowed in comments, but URLs will be hyperlinked
  • Comments are not for promoting your hubs or other sites


blog's Recent Pages

rancidTaste's Recent Pages

working