viernes, 19 de agosto de 2011

Como ocultar o quitar la barra de blogger (navbar)

Si lo que quieren es que se blog no parezca un blog lo primero que deben hacer es quitar la barra de blogger. Para ello tenemos diferentes posibilidades:


1º Ocultarla y no borrarla

-Vamos a diseño
-Edición HTML
-Buscamos body{ en el código
-Justo antes colocamos el siguiente código

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


 2º Hacerla visible cuando pasemos el cursor por encima

-Vamos a diseño
-Edición HTML
-Buscamos </head> en el código
-Justo antes colocamos el siguiente código:

<script src='http://www.google.com/jsapi'/><script>
google.load(&quot;prototype&quot;, &quot;1.6.0.2&quot;);
google.load(&quot;scriptaculous&quot;, &quot;1.8.1&quot;);
</script>

<script type="text/javascript">
function navbarShow() {
new Effect.Opacity('navbar-iframe', {duration:0.5, from:0.0, to:1.0});
}
function navbarHide() {
new Effect.Opacity('navbar-iframe', {duration:0.5, from:1.0, to:0.0});
}
function navbarHack() {
Event.observe('navbar-iframe', 'mouseover', navbarShow, false);
Event.observe('navbar-iframe', 'mouseout', navbarHide, false);
navbarHide();
}
Event.observe(window, 'load', navbarHack, false);
</script>


3ºBorrarla

-Vamos a diseño
-Edición HTML
-Buscamos <head> en el código
-Justo después colocamos el siguiente código


<style type='text/css'>
#navbar-iframe{
height: 0px;
visibility: hidden;
display: none;
}
</style>

Nota: si ya habían instalado alguna vez un código con scriptaculous en la 2º opción sólo tenemos que copiar a partir del 2º párrafo de código.

1 comentario:

  1. hola amigo no habra alguna forma de ponerla al final del blog sin tener que borrarla

    ResponderEliminar

Gana dinero