Cómo cambiar el fondo en tumblr

Una de las maneras más rápidas para mejorar su tumblr blog desde los temas de inicio a menudo genéricos de aspecto es para cargar su propia imagen de fondo y utilizarlo para dar la individualidad y carácter a su sitio.

La mayoría de las computadoras modernas tienen pantallas al menos 1000 píxeles (px) de ancho, si no más ancha. Si usted tiene un blog sobre fotografía o diseño gráfico, es probable que pueda suponer que la mayor parte de su público tendrá grandes monitores de ordenador que pueden mostrar una imagen de fondo en la resolución completa de HD: es decir, 1920 x 1080 píxeles.

Sin embargo, para llegar a la audiencia más amplia posible, experimentar con las imágenes de fondo para asegurarse de que no son abrumadoras las capacidades de los equipos de los usuarios.

Video: ♥Tutorial para poner un fondo al dashboard del tumblr♥

Antes de empezar, hacer estas dos cosas pequeñas:

  • Abra un editor de texto.

  • Haga que su imagen de sustitución de la altura y el ancho adecuado ya subido a tu blog Tumblr o en algún lugar en línea.

    Su imagen debe tener una altura de al menos 700 píxeles y una anchura entre 1400 y 1600 píxeles. Su imagen debe ser un archivo PNG.

Video: COMO EDITAR UNA FOTO TUMBLR GALAXIA-ALIEN EN PICSART

  1. Ingrese a su sitio de Tumblr.

  2. Haga clic en el enlace Personalizar en la esquina superior derecha.

    Se abre el panel de personalización, y la mayor parte de la página es asumida por una previsualización dinámica de los cambios que está haciendo a tu blog Tumblr.

    También puede cambiar el título y la descripción de este blog desde este panel.

  3. Haga clic en el botón Editar HTML en la columna de la izquierda.

    Aparece una ventana de código.

  4. Haga clic en cualquier lugar de la barra lateral izquierda, en el código HTML y CSS.

  5. Copia el código HTML.

    Sí, la gran cantidad de código que aparece aquí es un poco intimidante, pero que está cambiando sólo una muy pequeña parte de ella.

    Seleccionar todo el código (Ctrl + A / Windows o Cmd + A / Mac) y luego copiar el código (Ctrl + C / Cmd + C).

  6. Pegar el código en un editor de texto (Ctrl + V / Cmd + V), de modo que se puede editar de manera segura el código fuera de la página HTML.

    Considere el uso de un simple editor de texto, como WordPad para un PC con Windows o TextWrangler en un Mac. Puede utilizar un procesador de textos como Word o Pages, pero es posible obtener los códigos de formato deseados mezclados con el código HTML a menos que seas muy cuidadoso.

  7. Buscar el código (Ctrl + F / cmd + F) para el fondo : Línea.

    También puede desplazarse por el código, en busca de la sección que comienza con la cuerpo { etiqueta. En nuestro ejemplo, que se ve así:

    html, body {background: {color: Antecedentes} - altura: 100% - color: rgb (82,82,82) - font-family: Helvetica, Arial, Sans-Serif-}
  8. Cambiar el código HTML después de cuerpo para insertar su nueva imagen.

    Inserte el enlace URL de la imagen entre paréntesis después del {Color: Antecedentes} etiqueta para que se lea algo como esto:

    html, body {background: {color: Antecedentes} url ( `{http://farm8.staticflickr.com/7161/6789596839_b4a61cf2fc_b.jpg: Antecedentes}`) - altura: 100% - color: rgb (82,82,82 ) - font-family: Helvetica, Arial, Sans-Serif-}
  9. Haga clic en el botón Actualizar vista previa para comprobar si la imagen está mostrando en su Tumblr blog de la manera deseada.

    Si comete un error que realmente estropea el aspecto de tu blog Tumblr, acaba de cortar y pegar el código original que guardó en su ventana del editor de texto de nuevo en el panel de personalización y empezar todo de nuevo.

Para más instrucciones detalladas sobre cómo a medida código de su propio tema de Tumblr, echa un vistazo a la tutoriales.

Artículos Relacionados