Cómo colocar un banner de Tumblr

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 encima del título, puede editar el código HTML para agregar y colocar un banner manualmente.

Temas con imágenes de encabezado

Haz clic en la pestaña "Personalización" en tu panel de Tumblr para acceder a la configuración de tu tema.

Desplácese hacia abajo hasta la sección Apariencia en el panel izquierdo y luego haga clic en el botón "Cargar" junto a "Encabezado" para cargar su imagen de banner.

Vuelve a la parte superior del panel y luego haz clic en "Editar HTML" para acceder al código HTML de tu tema.

Presione "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, poco después de ""etiqueta. En muchos casos, estará dentro de un bloque que comienza con"

" o "
".

Incluya "{Título}" con "

" y "
", de modo que el código se vea así:

{Título}

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 y vuelva a intentarlo.

Haga clic en "Guardar" y luego seleccione "Salir" después de cambiar correctamente el banner. Para descartar los cambios por cualquier motivo o comenzar de nuevo, haga clic en la flecha hacia atrás sin guardar y luego haga clic en "Salir".

Agregar y colocar pancartas manualmente

Sube tu imagen de banner usando la página de carga de Tumblr (enlace en Recursos) y luego copia la URL que se muestra en la página. Alternativamente, cargue el archivo de imagen en otro sitio web, como PhotoBucket o TinyPic.

Haz clic en la pestaña "Personalización" en tu panel de Tumblr para acceder a la configuración de tu tema.

Haga clic en "Editar HTML" para acceder al código HTML de su tema.

Presione "Ctrl-F" en el teclado para abrir la herramienta de búsqueda y luego busque "" (sin las comillas).

Inserte una nueva línea justo debajo de ""y luego agregue la siguiente línea de código:

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 hacia la izquierda o hacia la derecha en lugar de en el centro, utilice el "" o ""etiquetas en lugar de"

"etiqueta, y también cambiar la"
"etiquetar a"" o "".

Advertencias

Estos pasos deberían funcionar en la mayoría de los temas estándar de Tumblr, pero no funcionarán siempre como se esperaba 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.