admin

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:
[css]
body{
font: 62.5%/1.6 “Lucida Sans Unicode”, “lucida grande”, “Trebuchet MS”, sans-serif;
text-align: center;
background: #2F2F2F url(http://www.asclive.com/Tituloblogayuda.png) repeat-x 0 0;
color: #EAE3D4;
border-top: 1px solid #430E08;
}
[/css]

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://ayudaparatublog.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.

10 Responses

Page 1 of 1
  1. verdemidori
    verdemidori 2 November 2006 at 17:00 |

    hola!
    tu blog me ha sido de gran ayuda!
    aunque debo confesar que me ha costado un mundo pero lo he lo gfradoi de a poco gracias a tu blog, sabes estoy tratando de cambiar mi template, ya elegi uno de una pagina q recomendaste (www.oswd.org) mi problema es que no se bien como hacerlo, guarde la pagina en el pc y entre los archivos q me salen en la carpeta viene una plantilla que he copiado de diferentes manrenas en la plantilla de mi blog sin resultados lo unoco que me cambia es el fondo del blog y no sale nada de nada … no se bien como hacerlo me estoy volviendo loco ya jejejejje..si puedes ayudarme te lo agradeceria…
    mucha suerte! y gracias!

  2. Oskar Alvarado
    Oskar Alvarado 4 November 2006 at 1:37 |

    Pues, me interesa mucho cambiar el color de fondo, pero no comprendi nada cacer de como hacerlo. No se si el color debe ser redireccionadop desde una web o colocar el codigo. Siempre me aparece en blanco.

    Saludos

  3. Miel
    Miel 7 November 2006 at 20:56 |

    ¿Puedo cambiar el Ecolor de fondo de un post cuando me de la gana?

  4. PARRA
    PARRA 25 December 2006 at 11:09 |

    PUES YO QUERRIA DECIRTE QUE HAY TAMBIEN PUEDES PONER ESTE CODIGO Y EL FONDO DE LA WEB SERA LA IMAGEN QUE PONGAS (background:url)
    EJEMPLO

    body {
    background:#000;
    margin:0;
    padding:20px 20px;
    font:x-small “Trebuchet MS”,Trebuchet,Verdana,Sans-Serif;
    text-align:center;
    color:#ccc;
    font-size/* */:/**/small;
    font-size: /**/small;
    background:url(“http://photos1.blogger.com/blogger/2619/1638/1600/WEB.jpg”) repeat;

  5. PARRA
    PARRA 25 December 2006 at 11:11 |

    DETRAS DE background:url DEVES DE PONER LO DE LA LINEA DE ABAJO ES TODO JUNTO AUNQUE HAY APAREZCA DEBAJO EN REALIDAS ESTA EN LA MISMA LINEA EN LA PLANTILLA

  6. anonimo...
    anonimo... 16 March 2007 at 16:21 |

    yo tengo el son of moto y e conseguido encontrar el lugar del
    color de fondo, perotambien he tenido que cambiar tambien el borde que hay entre el fondo (exterior de las publicaciones) y las publicaciones
    ya que se me quedaba el color verde
    entre las publicaciones y el fondo azul que habia puesto, hay que cambiarlo, no quitarlo, si lo quitas
    puede que desaparezca la barra que hay junto a las entradas.
    de todas maneras, gracias por decir mas o menos la apariencia del lugar
    del codigo html

  7. Static-X
    Static-X 15 December 2007 at 19:26 |

    Ayudenme.
    Cambie en fondo por una imagen, pero cuantro entra la gente me dicen que no pueden verlo, pero yo si puedo que es lo que ocurre?

    aqui esta el html

    #navbar-iframe {
    height: 0px;
    visibility: hidden;
    display: none;
    }
    body {
    background:$bgcolor url(http://img240.imageshack.us/img240/2047/bgrsplatterrs2.jpg) fixed repeat-x;
    url(“http://img240.imageshack.us/img240/2047/bgrsplatterrs2.jpg”) repeat-x;
    margin:0;
    padding:0;
    font:80% Arial, Sans-serif;
    text-align: center;
    color:#FFFFFF;

    korn_423@hotmail.com

  8. jey
    jey 27 December 2007 at 11:28 |

    olas gracias he comensado mi blog i esto me a servido muxas gracias

  9. yhonny
    yhonny 23 September 2008 at 12:31 |

    Hola,me podes ayudar? Bueno,Tengo un blog y le coloque en la cabecera una imagen con un reproductor junto en color negro,solo que la cabecera de mi blog de fondo es azul y quiero saber si da para dejar de color negro, delmismo color del reproduuctor Gracias por leer y contestar Saludos ha!que bueno esta tu pagina la pagina de mi blo es: http://cristalfm1079.blospot.com

  10. Hernman
    Hernman 8 April 2009 at 14:49 |

    mi etiketa tiene un color como cambio la etiketa de color

Leave a Reply


*