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

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 *