Este código es para Blogger, asi que usuarios de WordPress tranquilos…. La idea es dividir el footer en 3 columnas, puede ser por estética o simplemente para personalizar nuestra plantilla blogger.
Si deseamos que las 3 columnas estén debajo del todo (lo máximo posible) deberemos copiar el último código después de <!– Footer *** –>
El aspecto que lograremos será algo así (haz clic en la imagen para ampliar):
Fíjate en la zona del Footer: hay 3 columnas. Ahora ¿Cómo se hace?
1) Vamos a Diseño
2) Edición HTML
3) En Edición de HTML marcamos la opción expandir artilugios.
4) Buscamos la siguiente parte de código: ]]> (para encontrarlo más rápido tecleamos Ctrl + F)
5) Localizado ]]> justo antes pegamos lo siguiente:
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;
}
Tan sólo debes modificar el valor del width por el valor de tu blog, es decir, si tu blog mide de ancho 900 deberás cambiar ese valor a 900, así el pie de página irá en concordancia con el resto del blog.
6) Una vez pegado el código anterior buscamos lo siguiente:
<div id=”footer-wrapper”>7) A continuación pegamos:
<div id=”footer-column-container”> <div id=”footer2″ style=”margin: 1px; width: 32%; float: left; text-align: left;”> <div id=”footer3″ style=”margin: 1px 5px 1px 15px; width: 32%; float: left; text-align: left;”> <div id=”footer4″ style=”margin: 1px; width: 32%; float: right; text-align: left;”> </div></div> Extraído de: quierocrearunblog
Si te gusto el articulo suscribete al Feed. Gracias por tu visita!.
Articulos Relacionados:
Si buscamos plugins para agregar un campo de autor a nuestros post en Wordpr ...
Linkwithin es un plugin WordPress que hace exactamente esto, mostrar post Re ...
Uno de mis clientes quería cambiar el aspecto de las barras de despazami ...
Asi es, estaba leyendo en dosbit que Google (si el mismo que utilizamos para ...
La orientación por secciones facilita la tarea del rastreador de Google Adse ...
Como insertar 3 columnas en el footer : Blogger http://bit.ly/c0Wd4q en el blog
Información Bitacoras.com…
Valora en Bitacoras.com: Este código es para Blogger, asi que usuarios de WordPress tranquilos…. La idea es dividir el footer en 3 columnas, puede ser por estética o simplemente para personalizar nuestra plantilla blogger. Si deseamos que las 3 colum…..
RT @solucionesseo: Como insertar 3 columnas en el footer : Blogger http://bit.ly/c0Wd4q en el blog
Como insertar 3 columnas en el footer : #Blogger http://bit.ly/dzvCWr
RT @solucionesseo: Como insertar 3 columnas en el footer : Blogger http://bit.ly/9c41t3