Thursday, December 20, 2012

Share It

How to Hide Blogger Navbar.

Posted by Unknown , 3:03 AM Be the first to comment!
Hi friends, This article is all about hiding navbar in your blogger blog.
In this blogger tutorial you can learn how to hide, remove or disable your blogger navbar. Navbar is nothing but what you see at the top of your new blogger/blogspot blog which is also known as navigation bar. All old blogger templates will have this navigation bar at top. You might want your blog to look more professional than it looks. The templates provided by Blogger are not much better to see. They look older with and many of them don’t like blogger templates. However blogger provides good blogging experience than any other blogging services.
Here is the image which shows nav bar before adding this code to the template.
remove_blogger_navbar
Many of them don’t use blogger templates because they have too old look. Most of them want to remove the navigation bar at the top of blogger blog. So this tutorial will teach you how to remove blogger navbar.
Step 1: Login to your Blogger Account.
Step 2:  Go to your Blogger dashboard.
Step 3; Click “Template” on the left hand side of your dashboard.(as shown in below image)
blogger_navigation_bar_hide_removeStep 4: Click “Edit HTML”.
 edit_html_blogger_navigationAfter the 4th step you will have two ways to remove navbar. You can choose anyone of these two methods.
First method:
Find this piece of code and just delete it.
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>
Second Method:
You can use second method to hide navbar. In this method first you need to find below code(shown in red)
<b:skin><![CDATA[/*
Just below that code, paste this code(shown in blue)


#navbar {
      height: 0px;
      visibility: hidden;
      display: none;
}


Note: You can use any of the both methods and they will work perfectly.


Warning: Back up your template before applying this trick to avoid problems with editing template.


If you have any doubts regarding this tutorial or if you need any help in editing your blogger template/website template. Just ask me. I will do it for you.
Author: Bhanu Chander Bathini (CEO, Tricks Town.)
Hey friends, I am Bhanu Chander a Web Designer/Developer, Content writer, Freelance SEO analyst and a blogger. I am pursuing my M.Tech in Computer Science and Engg. You can contact me on bhanu4funn@gmail.com for web design solutions at low cost with effective SEO.
Free Mobile Balance →
Labels:

0 comments:

Subscribe to: Post Comments (Atom)