1 - Andate come sempre nella sezione Modello - Modifca HTML e spuntate Espandi i modelli widget


2 - Modifichiamo la barra esistente:

Cercate questo:

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

e sostituitelo con:

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

o con:

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


3 - Aggiungiamo la nuova barra:

Cercate questo:

<div id='content-wrapper'>

e sostituitelo con:

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

o con:

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

4 - Aggiustiamo i dettagli delle barre:

#sidebar-wrapper {
width:200px;
float:left;
font-size:85%;
padding-bottom:20px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

e sostituitelo con:

#right-sidebar-wrapper {
width: 200px;
float: right;
word-wrap: break-word;
overflow: hidden;
}

#left-sidebar-wrapper {
width: 200px;
float: left;
word-wrap: break-word;
overflow: hidden;
}

5 - Sistemiamo il tutto:

Cercate questo :

#outer-wrapper {
background:...;
width:...;
margin:...;
text-align:...;
font:...;
}

e dove trovate:

...
width:[valore];
...

sostituite il valore aumentandolo di 220 (es: width:700px; diventa width:920px.

.
.
.

Il risultato dovrebbe essere il seguente... sempre che abbiate aggiunto la barra dal lato opposto alla preesistente... un esempio di blog con 2 barre dalla stessa parte lo trovate qui ...