Cómo cambiar el fondo en Tumblr

Rate this post

Una de las formas más rápidas de mejorar tu blog de Tumblr desde los temas de inicio, que a menudo parecen genéricos, es subir tu propia imagen de fondo y usarla para dar individualidad y carácter a tu sitio.

La mayoría de los ordenadores modernos tienen pantallas de al menos 1000 píxeles (px) de ancho, si no más anchas. Si tienes un blog sobre fotografía o diseño gráfico, probablemente puedas asumir que la mayoría de tu audiencia tendrá grandes monitores de ordenador que pueden mostrar una imagen de fondo en resolución Full HD: es decir, 1920 x 1080 px.

Sin embargo, para llegar a la audiencia más amplia posible, experimente con sus imágenes de fondo para asegurarse de que no está sobrepasando las capacidades de los ordenadores de sus usuarios.

  • Inicie sesión en su sitio Tumblr.
  • El panel de personalización se abre, y la mayor parte de la página es tomada por una vista previa en vivo de los cambios que estás haciendo en tu blog de Tumblr.
  • Haga clic en el botón Editar HTML en la columna de la izquierda.
  • Haz clic en cualquier parte de la barra lateral izquierda, en el código HTML y CSS.
  • Copia el código HTML, sí, la cantidad de código que aparece aquí es un poco intimidante, pero estás cambiando sólo una pequeña parte de él, selecciona todo el código (Ctrl+A/Windows o cmd+A/Mac) y luego copia el código (Ctrl+C/cmd+C).
  • Pegue el código en un editor de texto (Ctrl+V/cmd+V) para que pueda editarlo con seguridad fuera de la página HTML Considere la posibilidad de utilizar un simple editor de texto, como WordPad para un PC con Windows o TextWrangler para Mac. Puede utilizar un programa de procesamiento de texto como Word o Pages, pero puede obtener códigos de formato no deseados mezclados con su HTML a menos que sea muy cuidadoso.
  • Busque el código (Ctrl+F/cmd+F) para la línea : fondo. también puede desplazarse por el código, buscando la sección que comienza con el cuerpo { tag. En nuestro ejemplo, que se ve así:html, body {background: {color:Background}; altura: 100%; color: rgb(82,82,82); familia de fuentes: Helvetica, Arial, Sans-Serif;}
  • Inserte el enlace URL a la imagen entre paréntesis después de la etiqueta {color:Background} para que diga algo como:html, body {background: {color:Background} url(‘{http://farm8.staticflickr.com/7161/6789596839_b4a61cf2fc_b.jpg: Background}’); altura: 100%; color: rgb(82,82,82); font-family: Helvetica, Arial, Sans-Serif;}}.
  • Si comete un error que realmente estropea el aspecto de su blog de Tumblr, simplemente corte y pegue el código original que guardó en la ventana de su editor de texto de nuevo en el panel de personalización y vuelva a empezar de nuevo.
  • Para obtener instrucciones más detalladas sobre cómo personalizar tu propio tema de Tumblr, consulta los tutoriales.

    Add Comment