Cambiar el color de Fondo del Blog, Classic-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 <style> y </style>. 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

  • Agrega un Buscador para tu Blog o pagina Web Para colocar un buscador simple en el blog, que sea solo de búsqueda dentro de nuestro blog, solo deben pegar éste código en la sidebar: [html] [/html] Lo único que deben […]
  • Diseñar un blog original En Maestros del web encontré algo que me pareció muy util para todos, es por eso que lo posteo aca, espero que les sirva: Diseñar un blog original La originalidad siempre tiene efectos […]
  • Otra Afiliación Según ellos dan 1.5 dolares por cada persona que se convierte en afiliado haciendo click en el banner de afiliacion. Hay que completar varios datos, pero son los típicos....
  • Encuestas en Dpoll Actualización del Post: 11/09/2013 El sitio dpoll ha cambiado completamente, aun se pueden hacer encuestas y agregarlas en tu blog, como la que he dejado de ejemplo aca, pero ahora el […]
  • Optimiza las imagenes de tu blog para una mejor navegación A la hora de poner imágenes en nuestros blogs podemos tener dudas acerca de que formato, tamaño, calidad, etc usar en dichas imágenes para optimizar tanto la navegación como la descarga […]
  • Javascript para el Truco que Cambia una imagen por otra al Pasar el mouse por encima, Classic Blogger Este primer código va entre las etiquetas <head> y </head> (el comienzo de esta etiqueta esta en las primeras lineas de toda su plantilla), este codigo se copia textual, y […]
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 *