Cómo poner tres columnas debajo del header (crosscol)

Si buscas cómo poner tres columnas debajo del header en tu blogger, más concretamente en la sección llamada crosscol, ahora os explico cómo hacerlo gracias a Rosa.

1) Vamos a Diseño->Edición de HTML->Buscamos <b:section class='crosscol' id='crosscol' showaddelement='no'/> (tecleamos Ctrl + F para buscar más rápido) Nos aparecerá a su lado todo esto:

---

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

---

2) Sustituimos todo este último código por:

---

<div id='crosscol-wrapper' style='text-align:center'>
<div style='clear:both;'/>
<div id='crosscol-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='crosscol' id='crosscol-bottom' preferred='yes'>
<b:widget id='Text3' locked='false' title='' type='Text'/>
</b:section>
</div>
       <div id='crosscol-columna-contenedor'>
<div id='crosscol2' style='width: 30%; float: left; margin:0; text-align: center;'>
<b:section class='crosscol-column' id='crol1' preferred='yes' style='float:left;'/>
</div>
<div id='crosscol3' style='width: 40%; float: left; margin:0; text-align: center;'>
<b:section class='crosscol-column' id='crol2' preferred='yes' style='float:left;'/>
</div>
<div id='crosscol4' style='width: 30%; float: right; margin:0; text-align: center;'>
<b:section class='crosscol-column' id='crol3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
      </div>

---

3) Ahora buscamos ]]></b:skin> y antes pegaremos el siguiente código:

---

#crol1{
background:#fff;
margin: 5px;
padding: 5px;
border: 1px solid #60A9D1;
}

#crol2{
background:#fff;
margin: 5px;
padding: 5px;
border: 1px solid #60A9D1;
}

#crol3{
background:#fff;
margin: 5px;
padding: 5px;
border: 1px solid #60A9D1;
}

#crosscol-columna-contenedor {
clear:both;
}
.crosscol-columna {
padding: 10px;
}

---

Clicamos en vista previa y si todo está bien, guarda la plantilla. Ahora tendrás que ir a Diseño->Elementos de página y te encontrarás con algo así:

Si quieres modificar los bordes tendrás que modificar en el paso 3) lo siguiente border: 1px solid #60A9D1;
si cambias el 1px por 0px le estarás eliminando los bordes. Para modificar el color de fondo de las tres columnas debes situarte de nuevo en el código del paso 3) y modificar en donde pone background:#fff;

---

Hay que destacar que la sección crosscol puede no estar en todas las plantillas. Si tu plantilla no tiene la sección crosscol, deberías saltarte el paso 1), colocar el código del paso 2) antes de <div id='main-wrapper'> y el paso 3) realizarlo tal cual.

---

---

¿Te interesa añadir tres columnas en el pie de página (footer) de tu blog?

---