Navbar Show - Hide

From Bloggerhacks

(Difference between revisions)
(Version)
 
(22 intermediate revisions not shown)
Line 1: Line 1:
-
This hack hides the blogger nav-bar, & causes it to appear when you hover-over the top part of your template.
+
[http://derya-webresource.blogspot.com/2007/02/how-to-hide-blogger-nav-bar.html Show/Hide Navbar] current for 2008
-
 
+
-
==Version:==
+
-
 
+
-
1st version. Later version is promised / proposed for IE7
+
-
 
+
-
==Platform:==
+
-
 
+
-
Use with [http://www.blogger.com Blogger] Blogspot Blogs. Works with multiple browsers
+
-
 
+
-
==Author:==
+
-
 
+
-
Collaboration between [http://www.aditya-mukherjee.com/ Aditya] and [http://bloggeratto.blogspot.com/ Avatar]
+
-
 
+
-
==Homepage:==
+
-
 
+
-
[http://bloggeratto.blogspot.com/2006/05/hovering-peek-boo-blogger-navbar.html Bloggeratto]
+
-
 
+
-
==Skill Level:==
+
-
 
+
-
You will need to be familiar with the layout of basic HTML documents, and comfortable making basic edits to your Blogger template.
+
-
 
+
-
==Description:==
+
-
 
+
-
Uses CSS and Javascript to add hide / reveal attributes to the nav-bar that Blogger adds to all blogspot blogs. Causes the nav-bar to be hidden as default, and to appear when a user hovers their mouse over the top of your page.
+
-
 
+
-
==Method:==
+
-
 
+
-
3 template edits required, all of which are spelled out in detail in the [http://bloggeratto.blogspot.com/2006/05/hovering-peek-boo-blogger-navbar.html Bloggeratto] how-to. Add two lines of CSS to your stylesheet, a script inside your head tags (which must be wrapped in <script> tags), and finally substitute your opening body tag for the one specified in the how-to.
+
-
 
+
-
==Sites Using This Hack:==
+
-
 
+
-
[http://bloggeratto.blogspot.com/2006/05/hovering-peek-boo-blogger-navbar.html Bloggeratto]
+
-
 
+
-
[[Category:Hacks]]
+
-
[[Category:Navbar]]
+

Current revision as of 02:29, 22 March 2008

Show/Hide Navbar current for 2008

Personal tools
FreshTags