Fondo y Borde: Sidebar de las nuevas Plantillas Blogger

Tags: Personalizar, fondo, sidebar, blogger, nuevas, plantillas, diseñador, de plantillas...

Cosas buenas nos trajo la nueva interfaz de blogger, y por lo tanto el nuevo diseñador de plantillas, pero no podemos negar que también nos da dolores de cabeza al no poder personalizarla como lo hacíamos anteriormente.

De una forma sencilla y con algo de CSS podremos personalizar la sidebar de las nuevas pantillas.

A continuación aprenderemos a personalizar la sidebar de las nuevas plantillas de blogger agregándole un fondo y un borde.

• Ingresar a Plantilla/Edición de HTML/ Ctrl + f / y SI la sidebar de tu pantilla esta ubicada a la derecha, buscar el siguiente código:

.fauxcolumn-right-outer .fauxcolumn-inner {
  border-left: 1px solid $(body.rule.color);
}

• Ingresar a Plantilla/Edición de HTML/ Ctrl + f / y SI la sidebar de tu pantilla esta ubicada a la izquierda, buscar el siguiente código:

.fauxcolumn-left-outer .fauxcolumn-inner {
  border-right: 1px solid $(body.rule.color);
}

• Reemplazar cualquiera de los dos códigos por el siguiente

.fauxcolumn-right-outer .fauxcolumn-inner {
  border: 2px solid; /* Tamaño del borde */
  height: 100%; /* Altura de la sidebar */
  border-color: #0F5C76; /* Color del borde */
  background: #9ECCDF; /* Fondo de la sidebar */
}

Puedes Modificar los aspectos resaltados en rojo por estilos a tu gusto.