Muchos temas de Tumblr te permiten mostrar una imagen de banner en la parte superior de tu blog en lugar del título de tu blog. Sin embargo si el banner no se alinea a su gusto puede cambiar su alineación editando el código HTML de su tema. Si su tema no admite imágenes de banner o si desea agregar un banner sobre el título puede editar el código HTML para agregar y colocar un banner manualmente.
Themes With Header Images
Haga clic en la pestaña "Personalización" en su panel de control de Tumblr para acceder a la configuración de su tema.
Desplácese hasta la sección Apariencia en el panel izquierdo y luego haga clic en el botón "Cargar" junto a "Encabezado" para cargar la imagen de tu banner.
Desplázate hacia la parte superior del panel y luego haz clic en "Editar HTML" para acceder al código HTML de tu tema.
Presiona "Ctrl-F" en el teclado para abrir la herramienta de búsqueda y luego busque "{Título}" (sin las comillas) hasta que encuentre la primera aparición del término en la sección del cuerpo justo después de "& lt; body & gt;" etiqueta. En muchos casos estará dentro de un bloque que comienza con "& lt; div id \u003d" title "& gt;" o "& lt; div id \u003d" header "& gt;".
Encierre "{Title}" con "& lt; center & gt;" y "& lt; /center & gt;" etiquetas para que el código tenga este aspecto:
& lt; center & gt; {Título} & lt; /center & gt;
Haga clic en "Actualizar vista previa" para ver si sus cambios funcionaron. Si el banner no se centra en la página es posible que haya modificado la sección de código incorrecta en cuyo caso deshaga los cambios e intente nuevamente.
Haga clic en "Guardar" y luego seleccione "Salir" después de que cambiar con éxito el banner. Para descartar los cambios por cualquier motivo o para volver a empezar haga clic en la flecha hacia atrás sin guardar y luego haga clic en "Salir".
Agregar y colocar el banner manualmente
Cargar su imagen de banner usando la página de carga de Tumblr (enlace en Recursos) y luego copie la URL que se muestra en la página. Alternativamente cargue el archivo de imagen a otro sitio web como PhotoBucket o TinyPic.
Haga clic en la pestaña "Personalización" en su panel de control de Tumblr para acceder a la configuración de su tema.
Haga clic en "Editar HTML" para acceda al código HTML de su tema.
Presione "Ctrl-F" en el teclado para abrir la herramienta de búsqueda y luego busque "& lt; head & gt;" (sin las comillas).
Inserte una nueva línea justo debajo de "& lt; head & gt;" etiqueta y luego agregue la siguiente línea de código:
& lt; center & gt; & lt; img src \u003d "BannerImageURL" width \u003d "700" & gt; & lt; /center & gt;
Reemplace "BannerImageURL "con la URL del archivo de imagen de su banner.
Haga clic en" Actualizar vista previa "para asegurarse de que el banner se muestre correctamente. Realice los cambios necesarios y luego haga clic en "Guardar" y "Salir".
Consejos
Para alinear el banner a la izquierda o derecha en lugar de en el centro use "& lt; izquierda & gt; " " etiquetas en lugar de "& lt; center & gt;" "& lt; /center & gt;" Etiqueta a "& lt; /left & gt;" o "& lt; /right & gt;".
Warnings
Estos pasos deberían funcionar en la mayoría de los temas estándar de Tumblr pero no funcionarán como se espera cada vez debido a las diferencias en el diseño del tema. Algunos temas pueden requerir que declare la imagen y luego le asigne un estilo en la hoja de estilo del tema; sin embargo este método requiere una comprensión básica de cómo funciona CSS y los pasos específicos variarán entre los diseños de temas.