Navbar Show - Hide
From Bloggerhacks
(Difference between revisions)
(→Homepage) |
(→Homepage) |
||
Line 14: | Line 14: | ||
[http://bloggeratto.blogspot.com/2006/05/hovering-peek-boo-blogger-navbar.html Hovering Peek-A-Boo Blogger Navbar] For Blogger v2.0 Blogs | [http://bloggeratto.blogspot.com/2006/05/hovering-peek-boo-blogger-navbar.html Hovering Peek-A-Boo Blogger Navbar] For Blogger v2.0 Blogs | ||
- | [http://bloggeratto.blogspot.com/2006/10/blogger-v30-hovering-peek-boo-blogger.html Blogger v3.0:Hovering Peek-A-Boo Blogger Navbar] For Blogger | + | [http://bloggeratto.blogspot.com/2006/10/blogger-v30-hovering-peek-boo-blogger.html Blogger v3.0:Hovering Peek-A-Boo Blogger Navbar] For Blogger v3.0 Blogs |
==Skill Level== | ==Skill Level== |
Revision as of 09:04, 31 October 2006
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
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
- 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.
Sites Using This Hack
Edit this area and add your own link if you are using this hack.