martes, 18 de septiembre de 2018

Quito la barra de Blogger y el espacio que queda


En la entrada anterior personalicé el blog un poco. Pero todavía quedan algunos detalles que me gustaría cambiar. Uno de ellos es quitar la Barra de Navegación de Blogger que se muestra arriba, y además eliminar también el espacio que queda.

En el menú de la izquierda de Blogger selecciono Diseño y en la sección Barra de navegación hago clic en Editar.




En la ventana que aparece de Configuración de la barra de navegación, simplemente marco la opción No. Y finalmente pulso el botón Guardar.




Ahora, de vuelta a la ventana de Diseño, pulso el botón Guardar disposición.




La barra de navegación ya no se muestra. Pero deja un cierto espacio que a mi me gustaría reducir casi del todo.




Para ello, de nuevo en Blogger me dirijo a Tema y pulso el botón Personalizar.




Ahora entro en Avanzado > Añadir CSS. Y escribo al final del texo (en este caso no hay nada, es la primera vez que meto código CSS) el siguiente código:

.content {
margin-top: -21px !important;
}

Hace pocos días que he comenzado a estudiar HTML, CSS, Javascript, XML... Y CSS es un lenguaje para dar estilo a las páginas. Seguramente más adelante crearé entradas acerca de ello, ya que es algo que voy a estudiar a fondo, y este blog es para eso, para contar lo que hago :-)

Bueno, sigo... Finalmente pulso el botón Aplicar al blog para que tenga efecto.





Y efectivamente, así es tal y como puede verse en la vista previa de abajo.





Hago clic en Volver a Blogger y después en Ver blog para verlo realmente como queda.






Aquí está, todo correcto. Ya no está la barra de navegación y además he reducido el espacio que dejaba :-)





No hay comentarios:

Publicar un comentario