Como insertar 3 columnas en el footer : Blogger
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
Te recomiendo:
Linkwithin es un plugin Wordpress que hace exactamente esto, mostrar post Re ...
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 ...
Definitivamente que deviantart es una gran fuente de recursos para descargar ...
Este post es una solicitud que me hicieron recientemente, muchos diseñadores ...
Guardado en: blog • insertar 3 columnas en el footer • tutorial • tutorial blogger • web2.0
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