Tres columnas en el pie de página

Para poner Tres columnas en el footer (pie de página)

• Debes asegurarte de que no tienes ningún gadget (elemento de página) en el footer del blog, si tienes alguno moverlo a la sidebar. Después podrás volverlo a colocar.
• Diseño ►Edición HTML ►Presionar Ctrl + F

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/></div>

La línea que está en rojo tienes que borrarla y pegar esto en su lugar:

<div id='footer-columna-contenedor'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width:30%; float: right; margin:0; text-align:left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<p>
<hr align='center' color='#000000' width='90%'/>
</p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'/>
<div style='clear:both;'/></div>
</div>
</div></div>

• Luego ir a Plantilla ▶Personalizar y llegaremos hasta el ▶ Diseñador de Plantillas, una vez allí nos vamos abajo del todo en donde dice ▶Avanzado, abajo del todo encontrarán una opción que dice▶ Añadir código CSS personalizado, pegar lo siguiente:

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

• <hr align='center' color='#000000' width='90%'/> representa la línea  de separación, si no quieres que aparezca se borre solo esta linea del código. Si quieres cambiar el color, puedes hacerlo en color='#000000'.
• Guardamos plantilla.

▶ El truco no se ve en vista previa, pero presionar para comprobar que el blog carga de manera correcta.
▶ Luego ir a Diseño y verás que hay tres columnas en las que puedes añadir más gadgets.