Mostrando entradas con la etiqueta Navbar. Mostrar todas las entradas
Mostrando entradas con la etiqueta Navbar. Mostrar todas las entradas

29 junio 2010

Efectos Para la Navbar de Blogger


La Navbar de blogger, una molestia para muchas personas, es muy facíl ocutarla, si la queremos ocultar
Vamos a Diseño>Edición de HTML, Buscamos ]]></b:skin> Justo Antes de ]]></b:skin>
Pegamos el Siguente Codigo:

#navbar-iframe {
display:none;
}
 Otra Alternativa, Ocultarla y Cuando Pasamos el Puntero por Donde Estaba la Navbar, Vuelva a Aparecer
Como Por Arte de Magia, Para Usar Esa Forma, Vamos a Diseño>Edición de HTML, Buscamos
</head> Justo Antes de </head> Pegamos el Siguente Codigo:

<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>
 
  Eligen el efecto que mas les guste.