Plantilla Son of Moto (Añadir sidebar)

Recuerda
que aunque yo pruebe los "trucos"
Antes de hacer ningún cambio
GUARDA SIEMPRE TU PLANTILLA
Nunca es seguro
que todo salga bien...

Me consulta calvosaez sobre la modificación del HTML para conseguir una nueva sidebar en la plantilla Son of Moto, creo entender que le gustaría tener una a cada lado de las entradas, así que he trabajado en un blog de pruebas y este es el resultado explicado paso a paso:

Antes de nada hemos de aumentar el ancho general del blog, ya que sino lo hacemos así, la nueva sidebar probablemente nos quede bajo las entradas.

1- Vamos a nuestra plantilla-html y buscamos #outer-wrapper {
La anchura del blog viene dada por el valor width: 692px; vamos a cambiarla a width:900px;.

2- En #content-wrapper { añadimos el valor margin-top: 20px; hacemos esto para separar las dos sidebar y las entradas de la cabecera del blog, ya que en esta plantilla quedarían muy pegadas arriba (según mi opinión). Vosotros podéis no añadir este valor, si os gusta como queda.

3- Buscamos #main {, el valor de width:400px; lo cambiaremos por width: 440px; y debajo de esto añadimos margin-left: 20px; para delimitar el margen entre las entradas y las sidebar.

4- Seguimos hacia abajo en la plantilla, y veremos #sidebar {, cambiamos el width: 226px; por width: 200px;

5- Una vez modificado el CSS para hacer todo el blog un poco más ancho, pasamos a añadir la nueva sidebar, que es tan sencillo como copiar la otra, es decir, esto:
#sidebar {
width: 200px;
float: right;
color: #cc0000;
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 */
}

Lo copiamos tal cual está y lo pegamos inmediatamente después de eso mismo, cambiando #sidebar { por #newsidebar { y float: right; por float: left; (si queréis las dos sidebar al mismo lado dejar el float igual para las dos).

6- Para terminar bajamos en nuestra plantilla hasta encontrar <div id='content-wrapper'> y a continuación añadimos :

<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='NewProfile' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>

7- Guardamos los cambios y ya tenemos nuestra Son of Moto a tres columnas. :-)

Y así ha quedado la mía ;-):