Blogger Tips
It is easy to hide the Blogger Navbar and it only takes a couple of minutes to do this simple Blogger trick.
Most people dislike the Blogger Navbar and want to remove it because it looks unprofessional and it encourages readers to leave your blog by clicking on the Next Blog link. If you are using a custom template the Blogger Navbar is likely to already be hidden but if you are using a default Blogger template it will need to be removed manually.
Before you get rid of the Blogger Navbar completely though remember that it has some pretty useful features such as:
1. Follow Me link to encourage your readers to follow you
2. Share via email, Facebook, Twitter, Google Buzz, Google Reader
3. Blog search
4. Quick links to Blogger New Post, Page Elements and Blogger Dashboard
I would suggest that if you do decide to hide the Blogger Navbar that you add a custom search box and some social bookmarking features to your blog to partly compensate for the features you will be losing.
If you simply want to change the color of the Blogger Navbar please refer to my Blogger tutorial How to Change the Color of the Blogger Navbar
Steps to Remove the Blogger Navbar
Blogger Tip:
If you decide that you want to reinstate the Blogger Navbar you can do one of two things:
Summary
Today I have shown you an easy trick to remove the Blogger Navbar. By adding a short piece of code to your Blogger template the Blogger Navbar can be hidden from view. I have also shown you what to do if you need to reinstate a missing Blogger Navbar.
Related Links
How to Change the Color of the Blogger Navbar
How to Increase the Image Size in a Blogger Blogspot Blog
How to Add a Print Friendly Button to Blogger
Set the Date of a Blogger Post to a Future or Past Date
How to Remove Blogger Labels Counter
Add a Follow Me Twitter Icon Button to Blogger
Making Money From Banners with Blogger
How to Get More Adsense Clicks with Blogger
Blogger Guide to Google Adsense Placement
Easy Ways to Put Banners on Blogger
Subscribe to Blogspot Blogger Guide by Email
- How To Remove/hide Or Add A Peek A Boo Effect To Your Blogger Navbar
What is Blogger Navbar? Frist time somebody creates a blog in blogger.com, a bar will show up at the very top of a blog page. This bar is known as the Blogger Navbar (Blogger Navigation Bar) and it usually appears by default at the top of every hosted...
- How To Remove Blogger Navbar
WHAT IS BLOGGER NAVBAR?Blogger has got a Navigation Bar that appears by default at the top of every Blogger-powered blog. This navigation bar can be very useful when you are blogging, but sometimes, it can get in the way. The Blogger navbar is usually...
- Hide Remove Navbar From A Blogger Blog
The more professional you want your site to look the more you are likely to want to remove the navbar from showing above the header of your Blogger Blogspot blog. Removing or actually hiding the navbar is very easy to do as it only requires a small tweak...
- Add A Facebook Share Button To Blogger
An easy way to have your readers share your articles on Facebook is to add a Facebook Share Button to your Blogger blog (Blogspot blog). It only takes a few minutes to put a Facebook Share Button on your Blogger blog. Sharing your content on Facebook...
- How To Delete The Navbar In Blogger
Today's article contains instructions on how to hide, remove, delete, get rid of and prevent the Blogger Navbar from showing up. Some Reasons to Keep the Blogger Navbar Before you race off and remove the navbar keep in mind that Blogger provides...
Blogger Tips
How to Remove the Blogger Navbar
It is easy to hide the Blogger Navbar and it only takes a couple of minutes to do this simple Blogger trick.
Most people dislike the Blogger Navbar and want to remove it because it looks unprofessional and it encourages readers to leave your blog by clicking on the Next Blog link. If you are using a custom template the Blogger Navbar is likely to already be hidden but if you are using a default Blogger template it will need to be removed manually.
Before you get rid of the Blogger Navbar completely though remember that it has some pretty useful features such as:
1. Follow Me link to encourage your readers to follow you
2. Share via email, Facebook, Twitter, Google Buzz, Google Reader
3. Blog search
4. Quick links to Blogger New Post, Page Elements and Blogger Dashboard
I would suggest that if you do decide to hide the Blogger Navbar that you add a custom search box and some social bookmarking features to your blog to partly compensate for the features you will be losing.
If you simply want to change the color of the Blogger Navbar please refer to my Blogger tutorial How to Change the Color of the Blogger Navbar
Steps to Remove the Blogger Navbar
- Login to Blogger and select the blog you wish to change
- From the Blogger Dashboard go to Layout >> Edit HTML
- Use CTRL + F to find this code: ]]></b:skin>
- Insert the code below just before the ]]></b:skin> tag
/*
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}*/ - Use the Preview button before committing the change to see the Blogger Navbar is now hidden.
- When you are satisfied click on the Save button to save your changes
- Click on View Blog to admire your Blogger blog with the Navbar removed
Blogger Tip:
If you decide that you want to reinstate the Blogger Navbar you can do one of two things:
- Simply remove the code you inserted:
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
} - Or comment out the code like this
/*
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}*/
Summary
Today I have shown you an easy trick to remove the Blogger Navbar. By adding a short piece of code to your Blogger template the Blogger Navbar can be hidden from view. I have also shown you what to do if you need to reinstate a missing Blogger Navbar.
Related Links
How to Change the Color of the Blogger Navbar
How to Increase the Image Size in a Blogger Blogspot Blog
How to Add a Print Friendly Button to Blogger
Set the Date of a Blogger Post to a Future or Past Date
How to Remove Blogger Labels Counter
Add a Follow Me Twitter Icon Button to Blogger
Making Money From Banners with Blogger
How to Get More Adsense Clicks with Blogger
Blogger Guide to Google Adsense Placement
Easy Ways to Put Banners on Blogger
Subscribe to Blogspot Blogger Guide by Email
- How To Remove/hide Or Add A Peek A Boo Effect To Your Blogger Navbar
What is Blogger Navbar? Frist time somebody creates a blog in blogger.com, a bar will show up at the very top of a blog page. This bar is known as the Blogger Navbar (Blogger Navigation Bar) and it usually appears by default at the top of every hosted...
- How To Remove Blogger Navbar
WHAT IS BLOGGER NAVBAR?Blogger has got a Navigation Bar that appears by default at the top of every Blogger-powered blog. This navigation bar can be very useful when you are blogging, but sometimes, it can get in the way. The Blogger navbar is usually...
- Hide Remove Navbar From A Blogger Blog
The more professional you want your site to look the more you are likely to want to remove the navbar from showing above the header of your Blogger Blogspot blog. Removing or actually hiding the navbar is very easy to do as it only requires a small tweak...
- Add A Facebook Share Button To Blogger
An easy way to have your readers share your articles on Facebook is to add a Facebook Share Button to your Blogger blog (Blogspot blog). It only takes a few minutes to put a Facebook Share Button on your Blogger blog. Sharing your content on Facebook...
- How To Delete The Navbar In Blogger
Today's article contains instructions on how to hide, remove, delete, get rid of and prevent the Blogger Navbar from showing up. Some Reasons to Keep the Blogger Navbar Before you race off and remove the navbar keep in mind that Blogger provides...