Cómo agregar un fondo a un blog

PDF download Descargar el PDF
PDF download Descargar el PDF

Generalmente los usuarios de blogs cambian sus fondos para que su blog sea más atractivo a la vista de los visitantes. Sin embargo, una imagen de fondo agregada incorrectamente puede confundir visualmente y provocar que los visitantes se vayan de tu blog. Para agregar un fondo correctamente es importante utilizar los códigos HTML apropiados.

Pasos

PDF download Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b2\/Add-a-Blog-Background-Step-1.jpg\/v4-460px-Add-a-Blog-Background-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b2\/Add-a-Blog-Background-Step-1.jpg\/v4-728px-Add-a-Blog-Background-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Si editas tu blog estando fuera de línea puedes abrir Dreamweaver para cambiar el HTML. Los servicios de blog como "Blogger" te permiten cambiar el HTML en línea yendo a la página de diseño y seleccionando la pestaña "editar HTML". Es necesario tener acceso a los códigos HTML de tu blog, y el modo en que lo haces puede variar ampliamente dependiendo de qué servicios y métodos utilizas.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d3\/Add-a-Blog-Background-Step-2.jpg\/v4-460px-Add-a-Blog-Background-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d3\/Add-a-Blog-Background-Step-2.jpg\/v4-728px-Add-a-Blog-Background-Step-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    En lugar de ello, puedes simplemente editar tu HTML para cambiar el color actual por el color que desees.
    • Busca "gráfico de color HTML" en Internet. Debes encontrar una tabla que muestra diferentes colores, junto con el color del nombre y un número hexadecimal. El número hexadecimal es el número utilizado dentro del HTML, por eso es necesario que recuerdes el número hexadecimal del color que deseas tener como fondo.
    • Busca en tu blog el código que define el color de fondo. Se verá así:
      • body {
      • background-color:#XXXXXX;
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/cc\/Add-a-Blog-Background-Step-3-Version-2.jpg\/v4-460px-Add-a-Blog-Background-Step-3-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/cc\/Add-a-Blog-Background-Step-3-Version-2.jpg\/v4-728px-Add-a-Blog-Background-Step-3-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    • Cambia el número hexadecimal por el número del color que deseas tener como fondo. Después de guardar y aplicar el nuevo HTML, verás el nuevo color de fondo de tu blog.
    Anuncio
Método 1
Método 1 de 1:

Añade una imagen de fondo a tu blog

PDF download Descargar el PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c9\/Add-a-Blog-Background-Step-3.jpg\/v4-460px-Add-a-Blog-Background-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c9\/Add-a-Blog-Background-Step-3.jpg\/v4-728px-Add-a-Blog-Background-Step-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Hay muchos sitios web que te permiten descargar imágenes de fondo para blogs, o puedes usar una imagen que ya esté guardada en tu computadora.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/65\/Add-a-Blog-Background-Step-4.jpg\/v4-460px-Add-a-Blog-Background-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/65\/Add-a-Blog-Background-Step-4.jpg\/v4-728px-Add-a-Blog-Background-Step-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Los sitios web de alojamiento de imágenes como Picasa, Flickr y Photobucket te permiten subir imágenes en forma gratuita. Quizás el servicio de alojamiento de tu blog también te permita subir imágenes de un modo similar a como se aloja tu blog.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c2\/Add-a-Blog-Background-Step-5.jpg\/v4-460px-Add-a-Blog-Background-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c2\/Add-a-Blog-Background-Step-5.jpg\/v4-728px-Add-a-Blog-Background-Step-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Para hacer esto necesitas abrir la imagen en tu navegador y copiar el URL del lugar en donde está la imagen.
  4. Este es el código HTML.
  5. 5
    Guarda los cambios después de editar HTML y observa el blog. Deberás ver la imagen añadida como fondo.
    Anuncio

Consejos

  • Al seleccionar una imagen de fondo, trata de que sea una imagen cuyo tamaño de archivo sea pequeño. Las imágenes demasiado grande pueden demorar mucho tiempo para cargarse, y esto puede resultar frustrante para los visitantes de tu blog.
Anuncio

wikiHows relacionados

Cómo
crear un blog personal
Cómo
seguir un blog de Blogspot
Cómo
buscar blogs
Cómo
hacer un blog
Cómo
ganar dinero escribiendo blogs o editando páginas wiki
Cómo
hacer que tu blog aparezca entre los primeros resultados de búsqueda
Cómo
añadir un calendario a tu blog
Cómo
notar la diferencia entre un blog y un sitio web
Cómo
ganar dinero con un blog
Cómo
escribir un blog
Cómo
aumentar el tráfico de tu blog
Cómo
escribir un blog para ganar dinero
Cómo
hacer un blog famoso
Cómo
monetizar tu blog
Anuncio

Referencias

  1. http://www.betatemplates.com/2010/06/add-your-own-image-blog-background-in.html
  2. http://www.w3schools.com/HTML/html_colornames.asp

Acerca de este wikiHow

En otros idiomas
Esta página ha recibido 14 992 visitas.

¿Te ayudó este artículo?

Anuncio