viernes, 10 de febrero de 2012

Quitar la barra de navegación del Blogger

.
Quitar la barra de navegación de Blogger es una opción para evitar que nuestros alumnos puedan ir a blogs quizá poco recomendables como los que salen en ir a "Siguiente blog" o al anterior.

Quitar la barra es muy fácil:

No se puede hacer con las opciones de Diseño > Elementos de la página > Barra de navegación "editar" (ahí sólo se puede cambiar el color, etc., pero no quitarlo...).
Tenemos que editar la plantilla HTML.

Pero quitar la barra de navegación tiene un inconveniente, también desaparecen en la esquina superior derecha los botones ("acceder" o "salir").

Como paso previo recomendamos: Instalar el botón de Blogger.
A partir de ahí, siempre habrá que acceder al blog pinchando en el botón de Blogger para meter la contraseña, etc.)
En este blog, el botón de blogger está colocado en el menú de la izquierda.

Es un gadget que puede añadirse en la pestaña Diseño > Añadir un Gadget > Logotipo (está entre los más recomendados)

Quitar la barra de navegación:

1-. Accede a la pestaña Diseño > Edición de HTML, en el apartado de Crear copia de seguridad/Retaurar plantilla, pinchar en el enlace azul de "Descargar plantilla completa" y se descargará la copia de seguridd. (Importante por si falla algo... Se podrá cargar otra vez si fallara algo...).

2-. Una vez creada la copia de seguridad, en el apartado de Editar plantilla, en la ventana donde sale todo el código html, hay dos opciones:
a. Buscar hasta que encuentrar la línea Body {
b. Buscar ayudado por la herramienta de buscar de la barra del navegador, junto a "Archivo", en "Editar", desplegar el menú y pinchar en "Buscar" o "Ctrl F" directamente y saldrá abajo de la ventana del navegador un recuadro para buscar la palabra que sea. En este caso, pegar Body { en ese recuadro y se locilizará exactamente donde está la línea del código html Body {

Lo que aparecerá es:
*/

body {

3. En la línea de encima de Body { hay que pegar la siguiente línea de código, tal cual: #navbar {display: none !important;}

Lo que tiene que salir una vez que peguado el código del paso 3, es:
*/
#navbar {display: none !important;}
body {

4. Una vez hecho,  Guardar la plantilla y ver el blog (si algo ha fallado, habría que cargar la plantilla guardada como copia de seguridad desde "examinar" y "subir".

¡Hecho!
.

6 comentarios:

babyingreen dijo...

muchas gracias, es muy sencillo, lo he hecho sin problema

sublibrarian of the year dijo...

Las instrucciones son sencillas, claras y funcionan. Muchas gracias!

Anónimo dijo...

GRACIAS, ME HA SIDO MUY UTIL!!! EN SERIO MUCHAS GRACIAS GENTE-1

María dijo...

Sencillísimo y funciona a la perfección.

Nely dijo...

Muy muy bueno!!! muy clara la explicación y por supuesto funciona"""

FerXi dijo...

Mil gracias, funciona perfecto y a la primera!