Hi bloggy readers,
Many bloggers all across the world are facing the same problem with the top navigation bar provided by Blogger blog service. They hate to see that navigation bar in the top position of their blog. Some say that the navigation bar is some kind of annoying element in Blogger because the navigation bar is only making their blog to be look like some free hosted sites although they already set their domain to be a www.blog.com (paid hosted domain), so it will look like unprofessional website. That's why, i recommend you to remove this navigation bar from our Blogger blog in order to gain our credibility as a professional blogger.
2. Go to Layout -> Edit HTML
Make a back up template first, just in case you want to put back the navigation bar
3. Press Ctrl + F and find the code below:
]]></b:skin>
4. Now copy the code below and then paste it before the ]]></b:skin>
/* Remove the navigation bar
----------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
5. Save the template and now you can see that the navigation bar from Blogger is vanished.
Auto hide Navigation Bar
Anyway, there is other option to hide the navigation bar, which is by making it to be auto hide, so the navigation bar will only be shown if your pointer is in the top position. Proceed to the next tutorial!1. Go to Edit HTML and find this code:
body {
2. Copy the code below and paste it before that body { tag code. Here is the code:
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
3. Save the template and see the result.
Hope it works guys. Good luck bloggy!
