
As you may or may not have noticed, I have been doing a little work on the appearance of my blog. It had always irked me that the navigation bar that sits on top of blogger pages always looked out of place. I wanted my blog to have the look and feel of a website so I went in search of how to remove the bar.
I found that it was very simple and thought that I would share it with anyone who may be interested. First go to your layout, then find the edit html tab. Make sure you back up your template before making any changes. In your template code you need to copy and paste the snippet between these lines before the body:
#Navbar1 {
margin: 0;
padding: 0;
display: none;
visibility: hidden;
}
Below is an example of where to place it. The code is in red.

Now you can preview and if it looks good go ahead and save. This only hides the navigation bar and if you want to show it again, then just remove the code.











3 comments:
I've been considering this, but if I did, I'd want a search site box available. I frequently use that facility, even on my own blog.
Loosing the search function is a con against taking away the nav bar. I just never used it myself.
I got some very useful information from you. And i was just coming by for a drop. thanks Bucketbeats.com
Post a Comment