|
|
(3 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | ==Version==
| + | [http://derya-webresource.blogspot.com/2007/02/how-to-hide-blogger-nav-bar.html Show/Hide Navbar] current for 2008 |
- | v1 & v2
| + | |
- | | + | |
- | ==Platform==
| + | |
- | | + | |
- | For use with [[Blogger]] v2.0 and v3.0 powered blogs.
| + | |
- | | + | |
- | ==Author==
| + | |
- | | + | |
- | Collaboration between [http://bloggeratto.blogspot.com Avatar] and [http://www.aditya-mukherjee.com/ Aditya]
| + | |
- | | + | |
- | ==Homepage==
| + | |
- | | + | |
- | [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 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 [http://bloggeratto.blogspot.com/2006/05/hovering-peek-boo-blogger-navbar.html 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 [http://bloggeratto.blogspot.com/2006/10/blogger-v30-hovering-peek-boo-blogger.html 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.
| + | |
- | | + | |
- | * [http://bloggeratto.blogspot.com/2006/05/hovering-peek-boo-blogger-navbar.html Bloggeratto]
| + | |
- | * [http://americasyoungtheologian.blogspot.com/2006/06/blog-disappearing-blogger-navbar.html America´s Young Theologian ]
| + | |
- | * [http://flickacross.blogspot.com Flicka Cross]
| + | |
- | * [http://chernjie.blogspot.com Break Of Information Overload]
| + | |
- | * [http://dreyerz.blogspot.com/2006/05/check-my-navbar.html Dreyerz]
| + | |
- | * [http://stubborn-fanatic.blogspot.com/2006/11/auto-hide-blogger-navbar-like-windows.html Stubborn-Fanatic]
| + | |
- | * [http://web-messengers.blogspot.com/2006/12/3-column-rounders-template-modded-for.html iMessengr.com]
| + | |
- | *[http://directories-list.blogspot.com Directories List]
| + | |
- | *[http://1rich.blogspot.com Make Some Money]
| + | |
- | Edit this area and add your own link if you are using this hack.
| + | |
- | | + | |
- | | + | |
- | [[Category:Hacks]]
| + | |
- | [[Category:Navbar]]
| + | |
- | | + | |
- | [[Category:New Blogger]]
| + | |
- | [[Category:Blogger Classic]]
| + | |