Navbar Show - Hide
From Bloggerhacks
(→Sites Using This Hack) |
|||
| Line 53: | Line 53: | ||
* [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] | ||
| + | * [http://visitformoney.blogspot.com Visit For Money] | ||
| + | * [http://healthtreatments.blogspot.com Health Treatments] | ||
* [http://chernjie.blogspot.com Break Of Information Overload] | * [http://chernjie.blogspot.com Break Of Information Overload] | ||
* [http://dreyerz.blogspot.com/2006/05/check-my-navbar.html Dreyerz] | * [http://dreyerz.blogspot.com/2006/05/check-my-navbar.html Dreyerz] | ||
Revision as of 16:57, 18 March 2007
Contents |
Version
v1 & v2
Platform
For use with Blogger v2.0 and v3.0 powered blogs.
Author
Collaboration between Avatar and Aditya
Homepage
Hovering Peek-A-Boo Blogger Navbar For Blogger v2.0 Blogs
Blogger v3.0:Hovering Peek-A-Boo Blogger Navbar For Blogger v3.0 Blogs
Skill Level
You must be comfortable with editing your Blogger template.
Description
Blogger v2.0 version 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.
Now also offer a pure CSS option.
Blogger v3.0 versions uses just CSS 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
For Blogger v2.0
- Obtain code from the homepage.
- Insert styles into the stylesheet portion of your Blogger template.
- Insert JavaScript snippet into the head element of your Blogger template.
- Insert other code in your Blogger template, per the instructions.
- Re-publish your blog.
If you choose the Pure CSS version, do the same procedure and eliminate steps 3 & 4 as indicated for below.
For Blogger v3.0
- Obtain code from the homepage.
- Insert styles into the stylesheet portion of your Blogger template.
- Re-publish your blog.
Sites Using This Hack
The sites listed are only a example, this is being used in over 300 blogs in it´s 3 versions.
- Bloggeratto
- America´s Young Theologian
- Flicka Cross
- Visit For Money
- Health Treatments
- Break Of Information Overload
- Dreyerz
- Stubborn-Fanatic
- iMessengr.com
- Directories List
- Make Some Money
Edit this area and add your own link if you are using this hack.
