[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 鈥淕uardar鈥.

隆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 鈥淓ditar 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]