Cómo poner una imagen de fondo en tu tema de Tumblr

Tabla de contenido:

Cómo poner una imagen de fondo en tu tema de Tumblr
Cómo poner una imagen de fondo en tu tema de Tumblr

Video: Cómo poner una imagen de fondo en tu tema de Tumblr

Video: Cómo poner una imagen de fondo en tu tema de Tumblr
Video: Cómo Insertar Imagen en Outlook en el Cuerpo del Correo - Sin Adjuntar 2024, Mayo
Anonim

Este wikiHow te enseñará cómo mostrar una foto como fondo de tu Tumblr. Algunos temas de Tumblr no pueden cambiar sus imágenes de fondo, ya sea mediante la carga o la edición de HTML.

Pasos

Método 1 de 2: usar un tema personalizable

Pon una imagen de fondo en tu tema de Tumblr Paso 1
Pon una imagen de fondo en tu tema de Tumblr Paso 1

Paso 1. Ve al sitio web de Tumblr

Se encuentra en https://www.tumblr.com/. Si ha iniciado sesión en su navegador, esto lo llevará a su página de inicio de Tumblr.

Si no ha iniciado sesión en Tumblr, ingrese su dirección de correo electrónico y contraseña, luego haga clic en Registrarse.

Pon una imagen de fondo en tu tema de Tumblr Paso 2
Pon una imagen de fondo en tu tema de Tumblr Paso 2

Paso 2. Haga clic en el icono de su perfil

Es el ícono con forma de persona en la esquina superior derecha de la página.

Pon una imagen de fondo en tu tema de Tumblr Paso 3
Pon una imagen de fondo en tu tema de Tumblr Paso 3

Paso 3. Haga clic en el nombre del blog que desea editar

Lo encontrará debajo del encabezado "TUMBLRS" aproximadamente a la mitad del menú desplegable del perfil.

Pon una imagen de fondo en tu tema de Tumblr Paso 4
Pon una imagen de fondo en tu tema de Tumblr Paso 4

Paso 4. Haga clic en Editar apariencia

Esta opción está en la parte superior derecha de la página, justo debajo de la Borradores y Publicaciones secciones.

Pon una imagen de fondo en tu tema de Tumblr Paso 5
Pon una imagen de fondo en tu tema de Tumblr Paso 5

Paso 5. Haga clic en Editar tema

Está a la derecha del encabezado "Tema del sitio web" debajo de tu foto de perfil.

Ponga una imagen de fondo en su tema de Tumblr Paso 6
Ponga una imagen de fondo en su tema de Tumblr Paso 6

Paso 6. Busque el icono de una cámara o un lápiz junto a Fondo

Esta opción está debajo del encabezado "OPCIONES TEMÁTICAS". Si ve un icono de cámara o lápiz a la derecha de Fondo, puedes subir tu propia imagen.

  • Algunos temas de Tumblr tienen una variación de Fondo (p.ej., Elige un fondo) aquí.
  • Si no ve esta opción en las opciones de tema de su blog, continúe con el siguiente método.
  • Algunos temas gratuitos que te permiten subir tu propia foto son "Catching Elephant" y "Papercut". Los temas pagados incluyen "Queens" y "Halcyon".
Ponga una imagen de fondo en su tema de Tumblr Paso 7
Ponga una imagen de fondo en su tema de Tumblr Paso 7

Paso 7. Haga clic en el icono de la cámara

Al hacerlo, se abrirá una ventana en la que puede seleccionar una foto de su computadora.

Para algunos temas, en su lugar, haga clic en el ícono de un lápiz

Ponga una imagen de fondo en su tema de Tumblr Paso 8
Ponga una imagen de fondo en su tema de Tumblr Paso 8

Paso 8. Seleccione una foto

Dependiendo de su computadora y la ubicación en la que se abre esta ventana, es posible que deba navegar a la carpeta Fotos de su computadora.

  • Algunos temas requerirán que primero haga clic Elige una foto.
  • Asegúrese de que la foto sea de calidad relativamente alta. De lo contrario, puede aparecer granulado o desenfocado.
Pon una imagen de fondo en tu tema de Tumblr Paso 9
Pon una imagen de fondo en tu tema de Tumblr Paso 9

Paso 9. Haga clic en Abrir

Está en la parte inferior de la ventana. Al hacerlo, se cargará su foto en Tumblr; su tema debería actualizarse unos segundos después de hacerlo para mostrar su nuevo fondo.

Método 2 de 2: Edición de HTML

Pon una imagen de fondo en tu tema de Tumblr Paso 10
Pon una imagen de fondo en tu tema de Tumblr Paso 10

Paso 1. Ve al sitio web de Tumblr

Se encuentra en https://www.tumblr.com/. Si ha iniciado sesión en su navegador, esto lo llevará a su página de inicio de Tumblr.

Si no ha iniciado sesión en Tumblr, ingrese su dirección de correo electrónico y contraseña, luego haga clic en Registrarse.

Pon una imagen de fondo en tu tema de Tumblr Paso 11
Pon una imagen de fondo en tu tema de Tumblr Paso 11

Paso 2. Haga clic en el icono de su perfil

Este botón con forma de persona está en la esquina superior derecha de la página.

Ponga una imagen de fondo en su tema de Tumblr Paso 12
Ponga una imagen de fondo en su tema de Tumblr Paso 12

Paso 3. Haga clic en el nombre del blog que desea editar

Estará debajo del encabezado "TUMBLRS" aproximadamente a la mitad del menú desplegable del perfil.

Ponga una imagen de fondo en su tema de Tumblr Paso 13
Ponga una imagen de fondo en su tema de Tumblr Paso 13

Paso 4. Haga clic en Editar apariencia

Esta opción está en la parte superior derecha de la página, justo debajo de la Borradores y Publicaciones secciones.

Ponga una imagen de fondo en su tema de Tumblr Paso 14
Ponga una imagen de fondo en su tema de Tumblr Paso 14

Paso 5. Haga clic en Editar tema

Está a la derecha del encabezado "Tema del sitio web" que está debajo de tu foto de perfil.

Ponga una imagen de fondo en su tema de Tumblr Paso 15
Ponga una imagen de fondo en su tema de Tumblr Paso 15

Paso 6. Haga clic en Editar HTML

Este enlace está debajo del nombre de su tema en la parte superior de la barra lateral "Editar temas".

Ponga una imagen de fondo en su tema de Tumblr Paso 16
Ponga una imagen de fondo en su tema de Tumblr Paso 16

Paso 7. Haga clic en el icono de rueda dentada

Está en la parte superior izquierda de la barra "Editar HTML".

Ponga una imagen de fondo en su tema de Tumblr Paso 17
Ponga una imagen de fondo en su tema de Tumblr Paso 17

Paso 8. Haga clic en Buscar y reemplazar

Al hacerlo, se abrirá una ventana en la que puede buscar la línea de código que necesitará editar.

Ponga una imagen de fondo en su tema de Tumblr Paso 18
Ponga una imagen de fondo en su tema de Tumblr Paso 18

Paso 9. Escriba body {

Esta etiqueta está presente en todos los temas de Tumblr que contienen una imagen de fondo personalizable.

Si el HTML de su tema seleccionado no contiene una etiqueta "body {", no puede cambiar su imagen de fondo

Ponga una imagen de fondo en su tema de Tumblr Paso 19
Ponga una imagen de fondo en su tema de Tumblr Paso 19

Paso 10. Busque el fondo:

etiqueta.

Está directamente debajo de la etiqueta "body {"; agregará la URL de su imagen aquí entre el ":" y el ";" al final de la línea.

Ponga una imagen de fondo en su tema de Tumblr Paso 20
Ponga una imagen de fondo en su tema de Tumblr Paso 20

Paso 11. Reemplaza cualquier texto entre "fondo:

"y"; "con su etiqueta URL.

La etiqueta URL debe escribirse de la siguiente manera: url ().

En la práctica, toda esta línea dirá background: url (www.website.com/image.jpg);. Tenga en cuenta que hay un espacio entre la parte "background:" y la parte "url"

Ponga una imagen de fondo en su tema de Tumblr Paso 21
Ponga una imagen de fondo en su tema de Tumblr Paso 21

Paso 12. Ingrese la URL de su imagen entre paréntesis

La URL seleccionada debe terminar en una extensión de archivo de imagen como-j.webp

Abierta la imagen en una nueva pestañay copie la URL desde allí.

Si desea utilizar una foto original, puede subirla a un servicio como Photobucket o Imgur

Ponga una imagen de fondo en su tema de Tumblr Paso 22
Ponga una imagen de fondo en su tema de Tumblr Paso 22

Paso 13. Haga clic en Actualizar vista previa

Es el botón verde en la parte superior derecha de la barra lateral "Editar HTML". Debería ver la imagen seleccionada mostrada.

Ponga una imagen de fondo en su tema de Tumblr Paso 23
Ponga una imagen de fondo en su tema de Tumblr Paso 23

Paso 14. Vuelva a colocar la imagen si es necesario

Si su imagen está torcida o se corta abruptamente, ingrese las siguientes tres líneas de código debajo de la etiqueta "background":

  • archivo adjunto de fondo: fijo; - Esto mantendrá su imagen en un solo lugar.
  • repetición de fondo: no repetición; - También puede cambiar no repetir para decir repetir si desea que su imagen se repita a medida que los usuarios se desplazan hacia abajo.
  • posición de fondo: centro; - También puede usar la derecha o la izquierda en lugar del centro.
  • También puede agregar una línea que diga background-size: cover para que su imagen ocupe todo el fondo.
Ponga una imagen de fondo en su tema de Tumblr Paso 24
Ponga una imagen de fondo en su tema de Tumblr Paso 24

Paso 15. Haga clic en Guardar

Es el botón azul a la izquierda de Actualización de Vista previa en la parte superior de la barra lateral "Editar HTML".

Ponga una imagen de fondo en su tema de Tumblr Paso 25
Ponga una imagen de fondo en su tema de Tumblr Paso 25

Paso 16. Haga clic en ←

Está en la parte superior izquierda de la página.

Ponga una imagen de fondo en su tema de Tumblr Paso 26
Ponga una imagen de fondo en su tema de Tumblr Paso 26

Paso 17. Haga clic en Salir

Verás esta opción en la esquina superior izquierda de la barra lateral "Editar tema". Tu tema de Tumblr ahora tiene una imagen de fondo.

Recomendado: