[ad_1]

Personalmente, no soy un gran admirador de la barra de navegación de Blogger y, a menudo, la verá oculta en nuestras plantillas de Blogger prefabricadas. De vez en cuando recibo solicitudes para hacerlas visibles nuevamente para que puedas iniciar sesión rápidamente en tu blog. Para aquellos de ustedes que quieran esa pequeña barra, aquí hay una guía rápida sobre cómo personalizar la barra de navegación de Blogger cambiando su color u ocultándola temporalmente.

Personaliza la barra de navegación de Blogger

# 1 Cambia el color

Ve a tu panel de Blogger. Puede hacer esto desde su barra de navegación visitando la página de blogger. Después de iniciar sesión, navegue hasta la sección Diseño del menú de la izquierda.

Sección de diseño del panel de blogger

Busque la sección de la barra de navegación a la derecha y haga clic en el botón Editar en la esquina inferior derecha de esa sección.

Personalizar la barra de navegación de Blogger

Se abrirá una nueva ventana con algunos estilos diferentes que puede elegir para personalizar la barra de navegación de Blogger.

Opciones de color y estilo para la barra de navegación de Blogger

Seleccione el que desee y haga clic en “Guardar”.

¡Eso es todo! Su barra de navegación ahora está actualizada.


# 2 Esconde la barra

Para aquellos de ustedes que desean una barra de navegación de blogger pero no les gusta mucho su apariencia, tenemos una opción perfecta. Solo puede hacer que la barra sea visible cuando alguien esté sobre el área en la que desea que esté.

Se puede ver un ejemplo para el diseño de depositario, por ejemplo.

Esta vez, debes visitar el área temática de tu panel de blogger.

Cómo ocultar la barra de navegación de Blogger

Haga clic en el botón “Editar HTML” debajo de la miniatura de su diseño a la derecha y agregue el siguiente código a su estilo de diseño:

/* NAVBAR */
#navbar {opacity:0; filter:alpha(opacity=0);}
#navbar:hover {opacity:0.7; filter:alpha(opacity=70);}

Si no está seguro de dónde agregarlo, lo más fácil es buscar la siguiente línea:

]]></b:skin>

y pega el código sobre él.


¡Espero que hayas encontrado útil este tutorial! Como siempre, no dude en hacer preguntas en los comentarios a continuación.



[ad_2]