Top Social

Your manang's thoughts & sojourns spewed into words.

How to Hide the Blogger Navigation Bar


If you want to give your blog a more professional look, you may want to hide the Blogger Navigation Bar. 

You can hide the Blogger Navigation Bar by simply adding a short CSS code in your Blogger template. To hide the Blogger Navigation Bar, use the following steps.

1. Go to your Blog's Dashboard > Template > and click Customize

You will then see the Blogger Template Designer

Remove or Hide Blogger Navbar

2. In your Blogger Template Designer, click on the "Advanced" link in the left menu.

3. Scroll down to the link that says "Add CSS"

4. Paste the following code.

#navbar-iframe {
display: none !important;}

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

Remove or Hide Blogger Navbar using CSS
It should look like this.

The first code is used to hide the Blogger Navigation Bar (texts and Blogger logo).

To second one (optional) is used to reduce the height where the Navbar is located, making the little space invisible to the eye.

5. Finally, click on "Apply to Blog" found on the upper right portion of the Blogger Template Designer.

Now you can see that the Blogger navigation bar is no longer visible in your blog.
Post Comment
Post a Comment

Thoughts? Questions? Post away!

Custom Post Signature

Custom Post  Signature