How to Remove Navbar Blogger from our Blog?

Hi bloggy readers,
Many bloggers hate to see the top navigation bar provided by Blogger and want to remove navbar Blogger from their blogs. What they don't really like from this element is because it's making their blogs look like some free hosted blogs. Whereas, they have bought a paid domain name (e.g., www.whatmakesblog.com) and have already transferred their custom domain names from ".blogspot.com" to ".com" blogs. That's why, if you currently experience the same thing with what i wrote in this article, you might want to remove navbar Blogger from your Blogger-powered blog in order to gain credibility as a blogger.

The steps to remove navbar Blogger are actually simple and easy to do. You just need to add a CSS style that will automatically hide and remove navbar Blogger. Okay then, let me show you how to do that.


1. Log in to Blogger
Firstly, now head on to your Blogger account.

2. Go to Edit HTML
After landing to Dashboard, now go to Layout/Design > Page Element > and finally switch the sub-tab to Edit HTML because we are gonna edit some code in our blog template.

3. Find the code
In the Edit HTML page, now press the keyboards CTRL + F at the same time and find the code below:

4. Copy the Code
Now copy the CSS style below and then paste it before the ]]></b:skin>

5. Save the Change
Now press the save template button to save the change of your template. As you can see in your blog, the navigation bar from Blogger has been successfully hidden from your blog.

How to set the auto hide navbar Blogger?

Anyway, to hide or to remove remove navbar Blogger from your blog, there is another option that we can apply to our blog, which is by making this element as an auto hide navbar Blogger, so the navigation bar will only appear if your pointer is hovered on the top position. Proceed to the next tutorial!

1. Find this code
Now enter the Find mode (Ctrl + F) and find the code below:

2. Paste the Code
Now copy the code below and paste it before that body{ code.

Okay, that's it for this tutorial to remove navbar Blogger. Hope these 2 methods above can work to your blog. Anyway, if you are experiencing any problem in applying this article, you can leave your question below, and hopefully, i can help you with that.