Cambiar el color de Fondo del Blog, Blogger

Esto es aplicable a cualquier Plataforma de Blogs (Blogger, WordPress…).

Primero deben ubicar el siguiente código en el css, lo principal es el body (estilo de la plantilla)

Para la mayoría de las plantillas de blogger, su hoja de estilos suele aparecer en la parte superior de su plantilla, entre los códigos <b:skin><![CDATA[/* y ]]></b:skin>. Algunas plantillas simplemente hacen referencia a un archivo externo que contiene el style.

Si se encuentra en un archivo externo, entonces deberán primero descargarlo, cambiarlo (agregándole las dos líneas mencionadas) y luego volver a subir el archivo a un servidor propio.

Para mi plantilla:

  1. body{
  2.  font: 62.5%/1.6 "Lucida Sans Unicode", "lucida grande", "Trebuchet MS", sans-serif;
  3.  text-align: center;
  4.  background: #2F2F2F url(http://www.asclive.com/Tituloblogayuda.png) repeat-x 0 0;
  5.  color: #EAE3D4;
  6.  border-top: 1px solid #430E08;
  7.  }

Lo importante de este código es background: #2F2F2F (y background:#000; para la plantilla minima black), este número corresponde al color que tenemos en el fondo del blog.

Aquí les dejo una página para que prueben números y vean ¿que color es?:
Draac, y esta otra es una paleta de colores de wikipedia.

Este otro servicio es super util, sobre todo a la hora de ver la combinacion entre los colores, se llama
Synthaxis:
Hay 4 cuadros, al pinchar cada uno de los cuadros, aparece el numero que corresponde al color:

cambiar_color_fondo_1.jpg

Entonces, pinchan sobre el numero y escriben el de ustedes.

cambiar_color_fondo_2.jpg

Como ven super facil de utilizar.

Este otro servicio es quizas mas util que el anterior para los que no tenemos idea de combinar colores….jajaja, ya que uno escribe el color base, y entrega 8 colores mas que combinan con el dado. El servicio se llama
COLORTOY 2.0

cambiar_color_fondo_3.jpg

Ahora, si te gustan los colores de una web, y no sabes como extraerlos de su plantilla, esta pagina I Like Your Colors te permite ver los colores que utiliza.

cambiar_color_fondo_4.jpg

Solo debes escribir la direccion del blog al final de la pagina, donde dice:
Type the URI of a page below and submit it to see what colors it uses:
En mi caso es http://tekytips.com
y pinchar el boton. Entonces la pagina se recarga con la imagen de arriba y sus codigos

Y finalmente este pagina te entrega colores con respecto a una imagen
Color Palette Generator, lo unico que debes hacer es escribir la url de donde esta alojada la imagen

cambiar_color_fondo_5.jpg

Espero que les sirva.

Artículos Relacionados

  • Como alojar facilmente las imagenes que utilizamos como encabezado, o en la sidebar, Blogger y Classic-Blogger Las fotos e imágenes que usamos como encabezado de nuestro blog o que añadimos en la columna derecha (sidebar en inglés) tienen que estar alojadas en alguna parte de la web para poder […]
  • Fotos en Instantizer Si lo que queremos es una imagen que simule ser una fotogría instantánea, deben entrar aquí Instantizer Aquí lo que hacemos es seleccionar la imagen desde su pc, dar una pequeña […]
  • Para tus fotos hola, otra vez yo, bueno como siempre mirando encontré FOTOTHING, una página que les puede interesar con el tema de las fotos. Es del tipo de páginas como slide, flickr, bubble share en […]
  • Como Eliminar la Fecha de Los Post ?, Blogger Buscamos el siguiente código en Edición HTML de la Plantilla: Y agregamos la siguiente línea de código (visibility:hidden;) de tal manera que el resultado final sea este: [css] /* […]
  • Actualizaciones Blog Para informar a los buscadores tematicos sobre la actualizacion de tu blog, utiliza el servicio de Pings Automaticos provisto por Auto Pinger http://www.autopinger.com/, este servicio […]
  • ¿Cómo puedo identificar algo en mi plantilla?, Blogger Esto es algo muy basico y todos debieran saberlo, aveces se puede realizar en explorer, o tambien pueden copiar su plantilla en un block de notas (Notepad) o un documento word Paso 1: […]
Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

About patriram

Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

Leave a Reply

Your email address will not be published. Required fields are marked *