Personalizar el blog 2

Continuando con los trucos para personalizar el blog que tanto me había pedido Maya en sus mails, aquí está la segunda parte en la que podrán agregar divisiones al footer para poner gadgets. Recuerda buscar en tu plantilla y reemplazar lo que está en naranja con colores de tu elección.

Para el fondo del gadget “entradas populares"

.PopularPosts .widget-content ul li{padding:0.7em 0;background:#fff}

Para enmarcar las imagines del las entradas:

.post-body img{padding:3px;border:1px solid #eee;background:#000000;}

 

Para agregar gadgets al footer pegas antes de <div style='clear:both;'/>

<div id='footer'> el siguiente código:

 

<div id='footer-wrapper'>

 <div id='footer-columna-contenedor'>

<div id='footer-izquierdo' 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='footer-centro' 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='footer-derecho' 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;'/>

<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: none;'>

<b:section class='footer' id='col-bottom' preferred='yes'/>

</div>

<div style='clear:both;'/>

</div>

</div>

Tendrás algo como esto:

 

Con esto tendrás divisiones en el footer para poder agregar los gadgets que desees. Si quieres aumentar uno más solo agrega lo que está resaltado en naranja y cambia 30% con el valor 100% (que es ancho del footer) dividido para los espacios que quieras. 100% dividido para 4= 25%, para 5= 20%, y así hasta que tengas lo que quieras. O puedes poner solo 2 espacios y darles 50% y 50%, etc. También debes modificar lo que está en azul por el número de espacios que pongas, si son dos id=”col2” si son tres id=”col3” y así. En el ejemplo de la imágen yo he puesto 4 espacios para gadgets y los he distribuídos a 25% cada uno.

Este truco es válido para la mayoría de plantillas personalizadas que no cuentan con el código para dividir el footer.

He tratado de ser lo más explícito y metódico posible, y en verdad espero haber estado a la altura de tus expectativas, mi quedira Maya. Espero que esto te ayude. Suerte.

Y gracias por tu insistencia que me ha hecho saber un poco más sobre plantillas.