Quitar la barra de navegación de Blogger (Navbar)



Ocultar la Barra de navegación de Blogger es muy sencillo


y en esta entrada les explicare que 

hay tres maneras:

Editando el Html
▶ Con un simple Código Css
▶ Ingresando en diseño sin ningún código.



▶ Quitar el Navbar editando el Html de la plantilla


1) Sellecionamos Plantilla. 
2) Editar HTML,  pulsamos Control +F y nos aparecera un buscador en el pegamos </head> luego que lo halla seleccionado con amarillo debajo de  </head> añade este código

<style type="text/css">
#navbar-iframe {display: none !important; }
</style>

Le dan a vista previa y si todo esta correcto le dan a guardar plantilla. Habiendo hecho eso habrás ocultado la navbar de Blogger.

▶ Otra manera es con un simple código CSS



1) Seleccionamos Plantilla
2) Elegimos Personalizar, nos aparecerá el Diseñador de plantillas de Blogger




1) Seleccionamos Avanzado.
2)  Presionamos en Añadir CSS.
3) En el recuadro blanco de la derecha añadimos el siguiente código:

#navbar-iframe {
display: none !important;
}

4) Le damos a Aplicar al blog, y listo se quitara de nuestro blog la barra de navegación de Blogger (Navbar).



▶ Para el final he dejado la más sencilla que es sin agregar ningún código.

1) Ingresamos en Diseño.





2) Buscamos el gadget de Barra de navegación, una ves localizado damos clic en editar. Se nos abrirá en la pantalla el gadget Configuración de la barra de navegación que nos muestra su configuración:



3) Tildamos donde dice NO y listo tendrán Oculta la barra de navegación de Blogger (Navbar), o podemos elegir el estilo que más se adecue a nuestro Blog, y así darle un personalidad diferente. Una ves que ya elegimos lo que aremos con la barra de navegación simplemente le damos clic en Guardar y listo.



Habiendo hecho cualquiera de las tres alternativas habrás ocultado la Navbar de Blogger.

✹ Para quitar el espacio que te queda puedes ver la siguiente entrada ¿Cómo eliminar espacio superior en plantillas de Blogger?

 Recuerda hacer siempre que edites el Html  una copia de respaldo de tu plantilla

No hay comentarios:

Publicar un comentario

✭¡Anímate a comentar! ♥Tu opinión es muy importante para mí♥