Añadir una widebar (en plantillas de dos columnas)

Bueno, publico este truco porque un visitante del balcón, yogacreativo me preguntó como poner una widebar sobre las dos columnas de su blog, pués es muy sencillo.

Diseño>edición HTML>expandimos artilugios

(1) Busca esta línea: <div id='main wrapper'>

(2) Justo debajo pega este bloque:

<div id='widebar-wrapper'>
<b:section class='sidebar' id='widebar' preferred='yes'>
</b:section>
</div>

(3) Busca la etiqueta ]]>:<b:skin> y encima añade este bloque de CSS:

#widebar-wrapper {
width:340px;
float:right;
padding-bottom:10px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}

#widebar {
width:340px;
padding:10px 0 5px 10px;
}

(4) Antes de guardar los cambios modifica el width:340px; considerando que nuestra widebar debe medir la suma de las dos sidebar.

Tendremos que tener en cuenta que si queremos la widebar a la derecha no modificaremos nada, pero si la queremos a la izquierda cambiaremos float:right; por float: left;

(5) Podemos añadir cualquier estilo en el bloque de #widebar-wrapper

Como por ejemplo...

border: 1px solid #ccc; "Borde - color"
background:#ffffff; "Color del fondo de la widebar"
background:url('url-imagen-de-fondo'); "Imagen del fondo en la widebar"