Cómo hacer Cada Sidebar Widget un color diferente en Blogger

La barra lateral widgets en su sitio web Blogger aparecer con un color de fondo por defecto, pero usted tiene la opción de cambiar los colores mediante la adición de Cascading Style Sheets (CSS) para el código. La barra lateral widgets se encuentran a la derecha oa la izquierda de la distribución del blog, y contienen ciertos elementos, tales como enlaces a sus mensajes de blog individuales, que mejoran la experiencia del visitante. Haga que cada sidebar widget de un diferentecolor para personalizar tu blog, como usted prefiera.

 

BARRA LATERAL WIDGET

 

Accede a tu cuenta de Blogger y haga clic en la pestaña "Diseño". Haga clic en el enlace "Editar HTML" que aparece.

 

Haga clic en la casilla "Expandir plantillas de artilugios" en la parte superior de la sección que contiene el código de su blog. Presione simultáneamente las teclas "F" "Ctrl" y en el teclado y luego escriba "sidebar-wrapper" (sin comillas) en el campo de texto que se muestra para encontrar el área que gestiona la barra lateral. Pulse el botón "Enter" para marcar el código, que se ve así:

 

div id = "sidebar-wrapper '

 

Desplácese hacia abajo e identificar la sección de código que controla una barra lateral en particular tu currículum mediante la localización de la entrada "title" seguido por el nombre del widget. La línea completa de código es similar a esto:

 

b widget de id = title 'HTML4' = 'Nombre de su Widget Sidebar' type = 'HTML'

 

Cada sección de código contiene típicamente de 10 a 12 líneas de sintaxis y no tiene espacios entre las líneas.

 

Busque el "class =" widgets contenido "div" línea en la sección deseada de código y coloque el cursor antes del corchete de cierre. Escriba el siguiente código CSS y entrar en un widget color deseado, tales como "azul", después de que el "background-color:" atributo de este modo:

 

div class = 'content widgets "style =" background-color: blue "

 

Repita los pasos para colorear cada widget barra lateral como usted prefiera y, a continuación, haga clic en el botón "Vista previa" para ver su trabajo. Una vez satisfecho, haga clic en el botón "Guardar plantilla" para publicar los widgets de la barra lateral de color.