Sunday, March 23, 2014

Simple Way To Remove Navbar From Your Blogger Blog

 Simple Way To Remove Navbar From Your Blogger Blog


Blogger has a default navigation bar in its template which makes your template look unprofessonal. In most of the third pary template it is probably removed or hidden, but if you are using bloggers default template then you need to remove it. Few month back you had to manually edit your blog template and add some CSS to remove navbar from your blog. But in 2012 blogger introduce new feature which allows you to remove navbar from within the layout section without editing your template. This tutorial is comletely dedicated to begineer bloggerswho are new to bloggers features.


How To Remove Blogger Navigation Bar ?

1. Go to your Blogger Dashboard and click on Layout

blogger dashboard


2.  Now you will find Navbar widget on Top right corner, click on edit as show below.

remove navbar

3. A popup window will appear from that select off and save it as shown in below picture.

remove navbar

4. Done, now you will have no navigation bar on your blog.

Removing Extra Space Caused By Removing Navbar

This part of tutorial is optional if you like you can skip it. After removing navigation bar there will be some extra space on top of you template In order to remove it we need to edit the template and add some css code. If you would like to do this then follow instruction given below.

1. Go to your blogger Dashboard and click on Template.

blogger dashboard

2. Now click on Edit template.
3. Then search for code given below.
]]></b:skin>
4. Now paste the below code just above ]]></b:skin> 

#navbar
{
height: 0px;
visibility: hidden;
display: none;
}
4. Now save the changes and done.



No comments:

Post a Comment

Followers