How to hide the navbar on Blogger beta (3.0)

Por | 4 de Dezembro de 2006

Listen to this post as an MP3 file

This is one of the most simple yet effective hacks for blogger beta (3.0). Does the blogger navbar messes’s up the layout of your blog and you wish it could be hidden and only activated by the user if he wishes? No problem, Avatar came up with a solution, just locate the following piece of code on your blog’s CSS:

body {
background:$bgcolor;

and add the following 2 lines of code:

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

in the end you’ll endup with this:

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

body {
background:$bgcolor;

save your template, that’s it, go to your blog and you’ll notice the navbar is hidden, to activate it just hoover your mouse over it.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *