Day Three: Make Your NavBar Disappear!

If you use blogger, you have something called a navbar at the top of your blog.  Some people like the navbar because it can be useful to search "log-in" to blogger.  However, if you are wanting your blog to look a little more custom, there a number of things you can do with it.  You can remove it, make it hover only when your cursor is over it, or make it transparent.    These are just minor tweaks, but they can make your blog feel less "standard." 


Hover or Peek-A-Boo

1.  Go to layout, then Edit Html.

2.  Place the following code between the "head" and "/head" section as well as before the beginning of the CSS section


#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}<br /> #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

3.  There you go!  You NavBar now will only show up when your curser runs over it.

(credits)

Remove

1.  Look for this tag: < / head >.

2.  Paste this script immediately above that tag:

<style type='text/css'> #navbar-iframe { display: none; } </style>
(credits)


Transparent
I also noticed that you can make the navbar transparent (I just tried this on mine).  To do this, go to "layout," "page elements," then "edit" on the far right corner of your navbar.  Select "transparent light."


Have fun!