Navbar Show - Hide

From Bloggerhacks

(Difference between revisions)
(Sites Using This Hack)
(Sites Using This Hack)
Line 33: Line 33:
* [http://bloggeratto.blogspot.com/2006/05/hovering-peek-boo-blogger-navbar.html Bloggeratto]
* [http://bloggeratto.blogspot.com/2006/05/hovering-peek-boo-blogger-navbar.html Bloggeratto]
-
* [http://seeandyspin.blogspot.com  Andy Farley/ Online]
 
* [http://americasyoungtheologian.blogspot.com/2006/06/blog-disappearing-blogger-navbar.html America´s Young Theologian ]
* [http://americasyoungtheologian.blogspot.com/2006/06/blog-disappearing-blogger-navbar.html America´s Young Theologian ]
* [http://flickacross.blogspot.com Flicka Cross]
* [http://flickacross.blogspot.com Flicka Cross]

Revision as of 21:30, 5 October 2006

Contents

Version

v1

Platform

For use with Blogger blogs.

Author

Collaboration between Avatar and Aditya

Homepage

Hovering Peek-A-Boo Blogger Navbar

Skill Level

You must be comfortable with editing your Blogger template.

Description

Uses CSS and JavaScript to add "hide / reveal" attributes to the Blogger NavBar, which cause the Blogger NavBar to be hidden as default and to appear when a user hovers their mouse over the top of your page.

Method

  1. Obtain code from the homepage.
  2. Insert styles into the stylesheet portion of your Blogger template.
  3. Insert JavaScript snippet into the head element of your Blogger template.
  4. Insert other code in your Blogger template, per the instructions.
  5. Re-publish your blog.

Sites Using This Hack

Edit this area and add your own link if you are using this hack.

Personal tools
FreshTags