Navbar Show - Hide

From Bloggerhacks

This hack hides the blogger nav-bar, & causes it to appear when you hover-over the top part of your template.

Contents 1 Version: 2 Platform: 3 Author: 4 Homepage: 5 Skill Level: 6 Description: 7 Method: 8 Sites Using This Hack:

Version:

1st version. Later version is promised / proposed for IE7

Platform:

Use with Blogger Blogspot Blogs. Works with multiple browsers

Author:

Collaboration between Aditya and Avatar

Homepage:

Bloggeratto

Skill Level:

You will need to be familiar with the layout of basic HTML documents, and comfortable making basic edits to your Blogger template.

Description:

Uses CSS and Javascript to add hide / reveal attributes to the nav-bar that Blogger adds to all blogspot blogs. Causes the nav-bar to be hidden as default, and to appear when a user hovers their mouse over the top of your page.

Method:

3 template edits required, all of which are spelled out in detail in the Bloggeratto how-to. Add two lines of CSS to your stylesheet, a script inside your head tags (which must be wrapped in <script> tags), and finally substitute your opening body tag for the one specified in the how-to.

Sites Using This Hack:

Bloggeratto