Cómo cambiar el color de fondo de las publicaciones de blog en una barra lateral de Blogger

Blogger es un servicio de blogs disponibles en el mercado que permite a los usuarios no sólo publicar sus puntos de vista antes de sus lectores, pero permite una amplia personalización mano de los archivos de hojas de estilo en cascada que controlan el aspecto y la sensación de una cuenta de blogger. Estos pueden ser modificados en la ventana del navegador, y hacen uso de un código de colores hexadecimal de los colores de fondo de los elementos, incluyendo la barra lateral donde los enlaces recientes van.

Instrucciones

1 Ingrese a su consola de administración en Blogger.

2 Haga clic en la pestaña "Diseño", a continuación, haga clic en el enlace que dice "Edición de HTML". Haga clic en el campo de entrada de texto en el que el código es.

3 Enter "Ctrl-F" En la ventana de su navegador. En el cuadro de búsqueda, escriba los siguientes: "Las definiciones de variables / *". Vas a ver un trozo de código que tiene este aspecto:

<Variable name = "keycolor" description = "Color principal" type = "color" default = "# 66bbdd" value = "# 66bbdd" />

4 Inserte una línea en blanco después de que el código descubierto en el paso anterior, y pegar el siguiente código justo debajo de la línea en blanco:

<Descripción del grupo = "barra lateral de fondo" selector = "cuerpo">

<Variable name = "sidebar.bgl.color" description = "barra lateral izquierda BG Color" type = "color" default = valor "# DCDCDC" = "# DCDCDC" />

<Variable name = "sidebar.bgr.color" description = "Derecha Barra Lateral BG Color" type = "color" default = "# 666666" value = "# 666666" />

</ Group>

5 Introduzca el siguiente texto en la ventana de búsqueda del navegador: "> </ b: la piel>". Cuando lo encuentre, pegar las dos líneas siguientes inmediatamente antes de los dos corchetes (que se parecen a esto - "]") en la ventana de código:

.Column-izquierda-interno, la columna de izquierda externa {background: $ (sidebar.bgl.color); }

.Column de derecha interior, la columna de derecha externa {background: $ (sidebar.bgr.color); }

6 Guarde los cambios y abrir la pestaña diseñador de plantillas y haga clic en la pestaña Opciones avanzadas. Vas a ver la nueva opción de la barra lateral que ha creado, y puede probarlos antes de comprometerse con ellos.

Consejos y advertencias

• La parte del código en la barra lateral cambia de color es los trozos en el paso 4, donde la etiqueta dice "#DCDCDC" y "# 666666". Al cambiar las letras y números que hay - que están en hexadecimal - usted puede cambiar el color de la barra lateral a casi cualquier cosa.