Bear...! me preguntaba sobre el footer que tengo implementado al pie de las entradas y como podía realizarlo. Su implementación no es muy complicada, deberemos agregar un poco de CSS y añadir una sección a nuestra plantilla HTML.

Abrimos nuestra plantilla HTML y antes de ]]></b:skin> pegamos

#footer-column-container {
background: #000000;
width:890px;
clear:both;
font-family: 'Comic Sans MS';
}
.footer-column {
background: #f2f2f2 url(URL IMAGEN DE FONDO) no-repeat right bottom;
margin: 4px 0 0 0;
padding: 10px;
border: 3px solid #ccc;
}

Veamos que podemos ajustar

#footer-column-container { ◄ Contenedor completo de los tres elementos
background: #000000; ◄ Background de fondo que tendrá toda la sección
width:890px; ◄ Ancho de la sección, deberá corresponder al ancho del blog.
clear:both;
font-family: 'Comic Sans MS'; ◄ Fuente que usamos, podemos eliminar esta línea.
}
.footer-column { ◄ Cada elemento por separado
background: #f2f2f2 url(URL IMAGEN DE FONDO) no-repeat right bottom; ◄ Fondo del elemento
margin: 4px 0 0 0; ◄ Márgenes con respecto a los otros elementos
padding: 10px; ◄ Márgenes interiores
border: 3px solid #ccc; ◄ Si queremos ponerle un borde
}

Guardamos, expandimos artilugios y buscamos
<div id='footer-wrapper'>

A continuación pegamos
<div id='footer-column-container'>

<div id='footer2' style='width: 32%; float: left; margin:1px 1px 1px 1px; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'>
</b:section>
</div>

<div id='footer3' style='width: 32%; float: left; margin:1px 5px 1px 15px; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:right;'>
</b:section>
</div>

<div id='footer4' style='width: 32%; float: right; margin:1px 1px 1px 1px; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'>
</b:section>
</div></div>
Autor: . Consultor y auditor en posicionamiento web. Desarrollo de aplicaciones, diseño y programacion de plataformas y paginas web. Formación, profesor en el Programa SmmUs (Social Media Marketing) de la Universidad de Sevilla. Cursos sobre social media en Cámaras de Comercio de Málaga, Sevilla y Córdoba. Puedes encontrarme en Google Plus y Twitter .

¿Te gustó este post? No te pierdas los próximos, síguenos en redes sociales.

Te recomendamos también