OCULTAR MENU LATERAL >>

Ocultar o eliminar la barra de Blogger

Antes de explicar como hacerlo quisiera dejar claras algunas cosas:
  1. Blogger es quien nos cede GRATUITAMENTE su espacio y el material necesario para desarrollar nuestros blogs. No debemos olvidarlo y por eso no soy partidario de desvincular u ocultar el origen de los blog de blogger. Yo lo hice porque la veo antiestética y poco útil, pero a cambio la sustituí por otros vínculos.
  2. NO HAY NADA en los términos del servicio que obligue a usarla. Todo cuando dicen por ahí de que Blogger toma medidas si detecta que la has eliminado es mentira.
  3. Cuando eliminamos la barra de Blogger, muchos usuarios se enfrentan con un problema: no saben cómo ingresar a su blog. Obviamente, basta tener la dirección de edición en los marcadores pero, sería bueno tener un acceso directo a las distintas opciones del panel y que esas opciones sólo sean visibles al administrador del blog (sí, es posible hacerlo).
  4. Con las instrucciones que indico a continuación solo se está ocultando la barra (de una forma u otra), pero eso no quiere decir que no siga ocupando espacio físico en la carga de la web. Eliminarla por completo es imposible.
Si aun después de leer esto estás convencido de que deseas quitar esa barra de ahí arriba vamos a ello.

Vamos a Personalizar y luego a Diseño-->Edición HTML y buscamos la siguiente linea de código: 
<style type="text/css">:
Si la encontramos, justo en la linea posterior añadiremos lo siguiente:
#b-navbar {visibility:hidden;}
Si no la encontramos buscamos el siguiente código:
<head>
Y a continuación añadimos:
<style type='text/css'>
#navbar-iframe
{
   height: 0px;
   visibility: hidden;
   display: none;
}
</style>
Para volver a visualizarla, tan solo tendréis que eliminar la linea que habéis añadido.

Otra opción menos radical es ocultarla y que cuando se ponga el cursor encima aparezca. Para ello lo que se tendrá que hacer es copiar el siguiente código justamente después de body{:
#navbar-iframe
{
   opacity:0.0;
   filter:alpha(Opacity=0)
}
#navbar-iframe:hover
{
   opacity:1.0;
   filter:alpha(Opacity=100,FinishedOpacity=100)
}


Espero que os sea de utilidad y ya me contaréis que tal ha ido.


Salu2,
elSant0

ALGUNOS ARTICULOS RELACIONADOS

0 comentarios:

Publicar un comentario

Escribe aquí tus valoraciones, dudas, sugerencias,... Son sólo unos instantes y ayuda a mejorar el blog.

Suscribirse a: Enviar comentarios (Atom)