Cómo poner una imagen detrás de los encabezados de las publicaciones en Tumblr

De forma predeterminada, su blog de Tumblr muestra un encabezado de texto con el título de su blog sobre sus publicaciones. Para mejorar la apariencia de su página, puede agregar una imagen personalizada al encabezado, mientras deja el texto existente mostrado encima de la imagen. En el tema predeterminado de Tumblr, esto requiere modificar el HTML del tema, pero agregar una imagen solo requiere una línea adicional de código.

Inicie sesión en su cuenta de Tumblr y abra la página "Cargar un archivo estático" (enlace en Recursos). Tumblr proporciona este espacio de carga exclusivamente para archivos de temas, así que no lo use para cargar imágenes para publicar en su blog.

Seleccione la imagen que desea usar en su encabezado y haga clic en "Cargar archivo". Las imágenes deben tener un tamaño inferior a 5 MB y solo puede cargar un máximo de 15 MB por día.

Copia la dirección que muestra Tumblr para tu imagen cargada.

Abra la página de configuración de Tumblr, seleccione el blog que desea editar y haga clic en "Editar tema". Haga clic en "Editar HTML" debajo del nombre de su tema.

Desplácese hacia abajo en el código hasta su encabezado actual. Para ayudar a encontrar la línea correcta, presione "Control-F" y busque "IfShowBlogTitle" (sin comillas).

Escribe el código "

"(sin comillas externas) inmediatamente antes de" {Título} "en la línea" IfShowBlogTitle ". Pegue la dirección de la imagen que copió anteriormente entre paréntesis.

Haga clic en "Actualizar vista previa" para ver la nueva apariencia de su blog. Si parece correcto, haga clic en "Guardar".

Consejos

Si el texto superpuesto ocupa más espacio que su imagen, la imagen se repetirá para llenar el espacio necesario. Si prefiere que la imagen solo aparezca una vez, agregue "background-repeat: no-repeat;" (sin comillas) inmediatamente antes de la comilla final en el código que agregó.

Advertencias

La información de este artículo se aplica al tema predeterminado de Tumblr. Otros temas pueden funcionar de manera diferente o incluir una forma de modificar su encabezado sin editar el código manualmente.