Translate This Blog
Remember To Always Back Up Your Template Before Attempting Any Of The Tweaks On This Site

Move Blogger Navbar

You can move the Blogger navbar to where you want on the screen. Although if your going to move it you should place it to the bottom. This code will do just that and make the navbar scroll with the screen. You can also remove it but that is in another post.

You have 2 ways to move it but both have the same outcome.
You can use the Add CSS box in the Template Designer.

Design--> Template Designer--> Advanced-->Add CSS

Place this code below in the box.
#navbar-iframe {
position: fixed;
right: 0px;
bottom: 0px;
left: 0px;
}
The other way is to enter this code manually.

Design--> Edit HTML--> Click Ctrl+F

A text bar should open up. Input this code below in the text bar.
</b:skin>
Directly above it place this code below.
#navbar-iframe {
position: fixed;
right: 0px;
bottom: 0px;
left: 0px;
}
Just preview before saving.

1 comments:

Em said...

Hey! That worked!
I found all sorts of info on "hiding" the nav bar but I'm really wary of "hiding" anything for fear of my search engine results being affected.
Thanks.
BTW, I found your site through blogger-hints-and-tips

Post a Comment

Please don't post hyperlinked text within the comment box! It will not be published and you will be marked as spam.

Web Design Blogs PageRank