Cómo centrar el encabezado en Tumblr

Puede personalizar el aspecto de tu blog Tumblr con un tema personalizado. A veces, es posible que desee hacer pequeños cambios en su tema personalizado. Por ejemplo, si el encabezado de su tema no está centrado, es posible que desee para centrarlo, manteniendo el resto de formatear la misma. Con el fin de hacer esto, debe editar el código HTML de su tema y añadir CSS personalizado. Los cambios tanto en HTML y CSS son mínimos, pero deben ser colocados en la posición correcta con la sintaxis correcta a fin de tener efecto.

Instrucciones

1 Ingrese a su cuenta de Tumblr.

2 Haga clic en el icono de engranaje en la parte superior de la página. Esto abrirá el menú de configuración de su cuenta.

3 Haga clic en el blog que desea configurar. Sus blogs se enumeran en la columna de la izquierda.

4 Haga clic en el botón "Personalizar" en la sección Tema.

5 Haga clic en "Editar HTML" en la columna izquierda del menú de personalización de temas. Esto revelará el código HTML detrás de su tema.

6 Localizar los elementos de la cabecera en el código HTML. Debido a que cada tema Tumblr es diferente, los nombres de estos elementos pueden variar entre los temas. La etiqueta predeterminada de la imagen es una cabecera para "Imagen: Cabecera." En la etiqueta dentro de la cual los elementos de la cabecera están contenidos, añadir el siguiente texto: id = "header". Por ejemplo, la etiqueta de imagen de cabecera debe decir: <img id = "header" src = "{Imagen: Cabecera}" alt = "{Título}">.

7 Clic en Guardar."

8 Haga clic en el botón "Apariencia" en la parte superior de la pantalla de edición de HTML. Esto le llevará de nuevo al menú de personalización de temas.

9 Abrir la pestaña de opciones "avanzadas" en la parte inferior de la columna de la izquierda.

10 Introduzca centrar la información en el campo "Añadir CSS personalizado". Con el fin de centrar el elemento que ha marcado con el ID de cabecera, estilo de los márgenes izquierdo y derecho de forma automática. Por ejemplo, el CSS debe decir: #header {display: block; margin-left: auto; margin-right: auto;}. Esto extenderá su imagen a igual distancia de ambos márgenes izquierdo y derecho.

11 Haga clic en el botón "Guardar" en la parte superior de la página.

Consejos y advertencias

• Si ya existe un documento de identidad CSS llamada "cabecera" en su tema, el nombre de su encargo ID algo diferente para evitar conflictos de peinado con lo que ya está codificado.