Tecnología

Inicio

Cómo hacer cada widget barra lateral de un color diferente en Blogger

February 7

Los widgets de la barra lateral en su sitio web de Blogger aparecer con un color de fondo por defecto, pero usted tiene la opción de cambiar estos tonos mediante la adición de hojas de estilo en cascada (CSS) para el código. Los widgets de la barra lateral están situados a la derecha o izquierda de su diseño del blog, y contienen ciertos elementos, tales como enlaces a sus entradas de blog individuales, que mejoran la experiencia del visitante. Hacer que cada barra lateral widget de un color diferente para personalizar tu blog, como usted prefiera.

Instrucciones

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

2 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 los botones "F" en el teclado la tecla "Ctrl" y a continuación, escriba "barra lateral-wrapper" (sin comillas) en el campo de texto que se muestra para encontrar el área que administra la barra lateral. Presione el botón "Enter" para resaltar el código, que se ve así:

<Div id = "sidebar-wrapper '>

3 Desplazarse hacia abajo e identificar la sección de código que controla una barra lateral en particular mediante la localización de la entrada "título" seguido del nombre del widget. La línea completa de código aparece similar a esto:

<B widget de id = título "HTML 4 '=' Nombre de la barra lateral de widgets 'type =' html '>

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

4 Busque el "<div class = 'widget-contenido"> "línea en la sección deseada del código y posicionar el cursor antes del paréntesis final. Escriba el siguiente código CSS y entrar en un widget de sombra deseada, tales como "azul", después de que el "background-color:" atribuir este modo:

<Div class = 'widget-contenido "style =" background-color: blue ">

5 Repita los pasos para colorear cada barra lateral como prefiera, y luego 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.