3 martie 2009

Hide or remove blogger navbar

I have been using the blogger platform for some time now and I think this is one of the best free services provided by Google. Like so many of you I have tried to customize my blog according to my need, but sometimes your blogger blog just refuses to look the way you want. This is where a few hacks come in handy. So I’ll be posting a few basic useful hacks that could make your life easier, especially for the ones who have just set up their blogger blog.

As you all know, Google automatically displays a navigation bar in the upper part of your blog. Follow the steps below to hide/remove the blogger bar from your blog.

1. Log in on blogger account and click Layout next to the blog you want to edit

2. Click on Edit HTML and check Expand Widget Templates

3. It is generally recommended to back up your template whenever editing you code.
To do that, click on Download Full Template and save it to your local hard drive.

4. Find the <head> tag using the ctrl f combination and paste the code below right after it.

<!-- Start of remove Navbar -->
<style type='text/css'>
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
<!-- End of remove Navbar -->

Check the example in the image below:

5. Preview your template and click save. The navbar should not appear on your blog any longer. Should you ever want to revert to displaying the navbar, just delete the code you have inserted.

Niciun comentariu:

Trimiteți un comentariu

Related Posts with Thumbnails