Hablamos de la barra azul que aparece por defecto en blogger, llamada navbar, que afortunadamente se puede quitar y es muy sencillo.
1) Vamos a Diseño
2) Edición HTML
3) Buscamos la siguiente parte del código: <head> (tecleamos Ctrl + F para buscar más rápido)
4) Justo después añadimos el siguiente código:
<style type=’text/css’>
#navbar-iframe{
height: 0px;
visibility: hidden;
display: none;
}
</style>
Si queremos ocultarla y no borrarla, los pasos a seguir son los siguientes:
1) Vamos a Diseño
2) Edición HTML
3) Buscamos la siguiente parte del código: body{ (tecleamos Ctrl + F para buscar más rápido)
4) Justo antes añadimos 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)
}
Por último, si queremos que sea invisible menos cuando pasemos el cursor del ratón por encima debemos hacer lo siguiente:
1) Vamos a Diseño
2) Edición HTML
3) Buscamos la siguiente parte del código: </head> (tecleamos Ctrl + F para buscar más rápido)
4) Pegamos el siguiente código antes de </head>
<script src=’http://www.google.com/jsapi’/><script>
google.load("prototype", "1.6.0.2");
google.load("scriptaculous", "1.8.1");
</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>
Nota: si ya hemos instalado previamente alguna vez un código con scriptaculous sólo deberemos copiar esta parte del código anterior:
<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>
Te recomendamos:
Estrategias para que tu blog destaque del restoseptiembre 19, 2023
Características de Google Fitjunio 20, 2019
MANAGUAfebrero 16, 2024
#DuckDuckGo: el buscador anónimo y que respeta tu privacidadjunio 27, 2012
Cerca de 900 mil contraseñas de usuarios fueron divulgadas en julioagosto 7, 2014
Uso del internet en computadoras y en celularesdiciembre 5, 2018
Precio del marketing onlinemarzo 17, 2017
El símbolo @ es arte en Nueva Yorkmarzo 23, 2010
Publicidad flotante en tu blogmayo 30, 2011
Añadir "articulos relacionados" a tus entradas Bloggerjunio 20, 2010
