Navbar Show - Hide

From Bloggerhacks

(Difference between revisions)
(Sites Using This Hack)
m
Line 1: Line 1:
==Version==
==Version==
-
v1 & v2
+
v1
-
 
+
-
==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://blog.davidmillions.com My Own Millions Blog]
+
-
* [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://visitformoney.blogspot.com Visit For Money]
+
-
* [http://healthtreatments.blogspot.com Health Treatments]
+
-
* [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]]
+

Revision as of 04:05, 16 June 2007

Version

v1

Personal tools
FreshTags