Ocultar o cambiar la Barra de navegación de Blogger es una tarea muy fácil de lograr, si no sabes como hacerlo, en este Blog tenemos una entrada dedicada a explicar esta función, Quitar o cambiar la Barra de Navegacion de Blogger, si se dieron cuenta al desactivar la Barra de navegación el espacio que esta ocupa en el Blog se sigue manteniendo, así que si eres de los Bloggers que tiene disidido nunca utilizar este gadget, les recomiendo eliminarlo por completo.
En esta entrada aprenderemos a quitar el Navbar de Blogger por completo.
Si se dieron cuanta cuando desactivamos la Barra de navegación esta no se muestra pero aun queda un espacio entre el borde de la pagina y la cabecera del Blog como se nota en la imagen.
Pero al eliminar por completo el Navbar la visión del Blog seria la siguiente:
Esto es lo quedaría si eliminamos la barra de navegación por completo, no quedaría ningún espacio entre la cabecera del blog y el Borde superior de la pagina.
En esta entrada aprenderemos a quitar el Navbar de Blogger por completo.
Vistas de la barra de navegación de blogger:
Para empezar con la eliminación del Navbar de Blogger primero analizaremos las 3 formas de vista del Navbar de Blogger en nuestro Blog, cuando tenemos nuestra barra de navegación activada se nos muestra de la siguiente forma:
Como notamos en la imagen de arriba la barra de navegación o Navbar de Blogger es una especie de Barra de busqueda.
Ahora cuando desactivamos la barra de navegación el Blog quedara de la siguiente manera:Si se dieron cuanta cuando desactivamos la Barra de navegación esta no se muestra pero aun queda un espacio entre el borde de la pagina y la cabecera del Blog como se nota en la imagen.
Pero al eliminar por completo el Navbar la visión del Blog seria la siguiente:
Esto es lo quedaría si eliminamos la barra de navegación por completo, no quedaría ningún espacio entre la cabecera del blog y el Borde superior de la pagina.
Eliminación de la barra de navegación de blogger:
Ya vimos las distintas faces de la vista de la Barra de Navegación de Blogger, ahora para eliminarla y no tener espacios entre el Borde superior de la pagina y la cabecera, hay que ingresar a Plantilla>Editar Html, y nos centramos en la opción Ir al Widget, lo expandimos y seleccionamos el que dice Navbar1:
Al seleccionar Navbar1, esta nos llevara directamente a donde se encuentra el código del gadget, ahora se nos mostrara una ventana similar a esta:
Al ubicarnos en el código del Navbar lo seleccionamos y lo eliminamos, en la imagen toda la parte sombreada es el código de la barra de navegación una ves eliminado le damos en guardar plantilla y tendremos ya el Navbar de Blogger eliminado por completo.
Espero que les sea de mucha utilidad este Post. Cualquier duda o aporte hacerlo por comentarios. Gracias por su tiempo!.
Muy interesante .... Gracias
ResponderEliminarExcelente maestro !Muchas gracias!
ResponderEliminarbueno amigo me ha servido de buen utilidad todo lo que enseñas en este blog
ResponderEliminargracias por todo se le agradece y que dios te siga bendiciendo
y que sigas así
que ayudar dios siempre lo recompensa...
Gracias Kevin me alegra que mi Blog sea de mucha utilidad, mis publicaciones son dedicadas para los visitantes y sus comentarios son mi motivación!! Saludos !!
EliminarBuen trabajo, lo utilice y me resolvió
ResponderEliminarMe alegra que te aya servido Ruben. Saludos y Gracias por comentar!
EliminarGracias Neytor; me ha sido de gran ayuda vuestro Consejo. Agradecería que pongas un tutorial como éste en donde enseñes a cómo personalizar los íconos de nuestras redes sociales como Twitter, Facebook, Google +, Yahoo, en nuestro blog. Gracias de nuevo.
ResponderEliminarEstoy para servir Mario, y gracias me diste una idea, últimamente estoy escaso de ideas sobre que publicar y tu consejo me a dado un punto en el cual trabajar. Gracias por Comentar Mario
Eliminarhola queria saber si ademas de poder borrar la barra de navbar, tamb se puede borrar el espacio que queda al eliminarla, si se puede podrias decirlo gracias!
ResponderEliminarHola acameentero, si revisas detalladamente el post se explica como hacerlo. La solucion esta en eliminarlo dese el código fuente, en el post puedes apreciar los pasos para que esto se logre. Gracias por Comentar.
EliminarHola,
ResponderEliminarQuisiera saber como has alineado los titulos de las entradas en los archivos de tu blog? y Como haces para que salga en minusculas? gracias!
Muy buen aporte, sirve :)
ResponderEliminarMe alegra que te aya servido MADAFAKA, gracias por comentar!
EliminarGracias, me sirvió bastante. Saludos.
ResponderEliminarGracias me sirvió mucho, odiaba ese espacio que quedaba, sabia que tenia que eliminar algo en la plantilla pero no tenia claro que y me daba miedo dañar por completo el diseño de mi blog
ResponderEliminarmuchísimas gracias besos
Estamos para servirte Frasesy, gracias por tu comentario!
EliminarMe sirvio de mucho ¡Gracias! ◕ u ◕ Buen blog!
ResponderEliminarHola Avalon, gracias a ti por comentar!
EliminarUtilisimo y funciona. Gracias
ResponderEliminargracias!!! yo andaba buscando algo asi....solo sabia quitarlo...pero quedaba el espacio...gracias nuevamente.
ResponderEliminarpd: no sabras como colar la cabercera en todo el ancho del blog y centrada?...gracias anticipadas
Otra forma mas facil es eliminarlo miren aca esta bien explicado y facil de hacer http://trucosblogger22.blogspot.com.ar/2015/03/eliminar-barra-de-blogger-por-completo.html
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarGracias Eduardo, es muy simple y me ayudó muchísimo.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarpor favor puede evaluar mi pagina web y decirme como le queda
ResponderEliminarhttp://www.reskinmark.com/
No funciona.
ResponderEliminarpuedes también crear una clase CSS con la palabra .navbar {display: none;} de esta manera también es muy fácil ocultar el navbar. Saludos
Eliminar¡Gracias!
ResponderEliminarDe nada espero te haya gustado el tutorial de blogger
Eliminar