Para añadir 3 columnas a pie de página (footer) debemos seguir los siguientes pasos:
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:
#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;
}
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:
El aspecto que lograremos será algo así: Código extraído gracias a Rosa.
7) A continuación pegamos:
Si deseamos que las 3 columnas estén debajo del todo (lo máximo posible) deberemos copiar el último código después de
por 
Facebook
Twitter
Suscribete
Saludos
(está en la primera parte del código).
Por supuesto que no es ningún abuso, pero me sabe mal pero no empleo MSN.
No te preocupes, hablamos aquí
Si eliminas lo de “border: 3px solid #ccc;” en teoría tiene que dejar de haber borde.
También puedes optar por ponerle al borde el mismo color que tienes en el blog de fondo.
Powered by Free CSS Templates | Modify by HipHopLine ™ “, como hago para que no me afecte esta?
En tu caso creo que deberías hacer un poquito más grande la columna de en medio (div id=’footer3′) y un poquito más pequeña la de la derecha (div id=’footer4′).
A ver si te funciona. Un saludo
Prueba a poner antes de “2009 Hip Hop Line ® Todos los derechos reservados
Powered by Free CSS Templates | Modify by HipHopLine ™ ” estos códigos:
Sirve para crear un salto de línea (como si en el Word pulsases enter para cambiar de párrafo)
La solución que yo veo es que pongas esos créditos antes del footer.
Es una idea. Como última medida podrías probarla.
Otra preguntita, que no tiene absolutamente nada que ver con esta entrada, ¿puedes poner mi enlace de LA VARIEDAD DE LA MÚSICA en tu blog?. Yo pongo el tuyo en mi blog, pero, ¿donde está tu enlace?
Respecto a lo del ancho de la página aquí tienes la solución: http://www.quierocrearunblog.com/2009/07/cambiar-el-acho-de-las-columnas-y-de.html
Claro que lo puedo poner, ahora lo añado. Lamentablemente no tengo ninguno de esos tamaños. Sólo tengo disponible el siguiente: http://img194.imageshack.us/img194/5771/logoquiero200.png
Un saludo!
Muchísimas gracias por tu visita y por tu comentario.
Un saludo.
necesito poner un pie de pagina a mi plantilla que no tiene, tal como cris… ayudanos, por favor
Mismo problema que Cris, quiero poner un pie de página para poner ahí enlaces (como te comenté antes ¿te acuerdas?, y con este metodo no se puede, ojalá nos puedas ayudar con ello.
Muchas gracias
Un saludo.
Debéis seguir todos los pasos hasta el paso 7) en el que tendréis que poner el siguiente código antes de
No lo he podido poner en práctica porque no he encontrado plantilla sin footer. En cuanto pueda y lo haya probado lo comprobaré y crearé la entrada. Siento las molestias ocasioandas.
un abrazo, te felicito por tu blog
Eres un buenazo, me ha funcionado muy bien, solo me mandaba error porque me faltaba cerrar un div, hecho esto, quedo perfecto.
Gracias por tus atenciones
¡Funciona!
Gracias de nuevo
Para que no te salgan desproporcionadas tienes que jugar con el width: 32% del paso 7). Dependiendo de cada plantilla, entre las 3 columnas no deben sumar un determinado %. En este caso está puesto para que entre las tres sumen 96%. Debes ir probando valores hasta que te queden centradas.
Por normal general no pueden sumar el 100% porque se descolocan. Ves probando que sumen más del 96% y menos del 96% entre las 3.
Espero haberme explicado. Si tienes problemas vuelve a decirlo sin problemas.
Gracias por tu comentario. Un saludo.
“Diseño”….para poder ponerle unos widgets…me puedes ayudar???
quiero que me aparesca en la seccion diseño
plis!!!!
De todas formas, próximamente tengo pendiente añadir una entrada para saber cómo añadir una sidebar.
Saludos.
Si tengo una duda.. es posible bajo esas 3 columnas colocar otra sidebar horizontal pero que abarque todo el ancho del blog (como las que vienen por defecto en la mayoría de las plantillas).. si me pudieras ayudar con eso te lo agradeceria un monton.
Saludos!!! y mil gracias!!!!
Deberías seguir los mismos procesos que arriba, pero en el paso 5) en lugar de llamarlo #footer-column-container deberías ponerle por ejemplo #footer-column-container2
Todo ese código iría después del que ya pusiste cuando colocaste las 3 columnas del footer.
Luego tendrías que seguir los pasos pero en el paso 7) deberías pegar esto:
Eso es todo. Lo acabo de escribir sin probarlo, pero debe funcionar. Dime cosas cuando lo hayas probado.
Un saludo y muchas gracias por tu comentario y visita.
Gracias admin, una ves mas te lo agrsdezco.
Un saludo y gracias a ti por tu visita y por comentar.
MUy buena esta la pagina.SAludos!!:)
Luego tendría que modificar, también del paso 7), en donde dice div id=’footer2′ style=’width: 32%
Debes cambiar ese 32% por un 96%.
Saludos, si tienes problemas coméntalo de nuevo aquí.
El blog que estoy haciendo -it843.blogspot.com – se sustenta exclusivamente en las enseñanzas de personas como vos.
Un saludo y gracias por tu mensaje.
Sería interesante que nos ilustraras con algun post sobre la inclusión del blog en diferentes directorios, la importancia y los beneficios -o no- de esto y las diferencias entre ellos si es que las hay. Y, si no estoy abusando demasiado, una explicación sobre la necesidad de intercambio de links.
Gracias y un abrazo desde Uruguay para uds.
De todas formas, cuando tenga más experiencia en esos temas, iré argumentando mi opinión y experiencia en alguna entrada, tal y como he ido haciendo siempre. Echa un vistazo a la sección de la columna derecha sobre SEO.
Desde ya te recomiendo que insertes tu blog en directorios (en este blog encontrarás varias páginas sobre ello) pero con moderación. Muchos enlaces entrantes en poco tiempo te podrían hacer que Google te penalice. El intermcabio de links es una buena opción, pero sólo lo recomiendo entre sitios de tu misma temática.
Saludos, y gracias por comentar.
por ejemplo donde se pone el “nombre”
ejemplo de tu pagina y de tu formulario :
” FORMULARIO DE CONTACTO”..
las letras son de color blanco y fondo naranja..
como hago para cambiar el color de la letra,tipo y tamaño.. y poner un fondo(como el tuyo naranja pero de otro color)..
es que a mi de “default” me salen letra grande y medio roja.
Gracias por tu visita.
Bueno, en vista de mi nuevo blog, he decidido poner tres columnas al final, pero querria que no resaltaran respecto a lo demas, quiero decir en el color de los titulos, los enlaces…
Ya me he mirado los codigos y trasteado un poco, tambien he revisado los 50ypico comentarios y no he visto nada, solo algo sobre la pestaña fuentes y colores (que tengo desactivada, no se el porque, supongo que por la plantilla)
Blog: Portafolio de Nestor
#footer-column-container {
background: #000000;
width:890px;
clear:both;
font-family: ‘Comic Sans MS’;
@David. Para cambiar el tamaño de cada una de estas nuevas 3 columnas lo hacemos cambiando el 32% del paso 7). Entre todas debes respetar no pasar de un 96% (depende del blog). Para poner vídeos de youtube en un blog debes tener en cuenta esta entrada: http://www.quierocrearunblog.com/2009/08/como-poner-un-video-de-youtube-en-la.html
Saludos y bienvenido al blog.
Todavía no logré que el fondo del footer y la tipografía sea idéntica a la del sidebar, se podrá hacer con definiciones de variables??
Mi blog es http://officenet.blogspot.com
@tebant. Lo lamento, pero no entiendo tu pregunta. Por favor trata de expresarte correctamente con comas y puntos para entender las frases. Discúlpame, quizá sea fallo mío. Un saludo.
@masidejuvenil. ¿Cuándo te ocurre ese problema? ¿Siempre o dependiendo del navegador que emplees?
Gracias a los dos por comentar.
FAVOR DE RESPONDER A LA BREVEDAD A: iecviale@live.com
GRACIAS
cal
Quisiera que me ayudes con algo que quiero hacer…. No sé si se podrá hacer pero por favor lo necesito… Quisiera crear mi propio pie de página en mi blog… no se di se podrá hacer eso con estas tres columnas creadas… y quisiera que tenga el mismo color las columnas como se ven en estas páginas de ejemplo en su pie de página…..
http://billyhughes.moadoph.gov.au/
http://www.freelenz.at/en
No sé si estoy mal pero yo supongo que con las tres columnas que aquí nos has enseñado a crear se puede hacer un pie de página… o no???????…
Espero que me puedas ayudar…
Desde ya gracias y saludos desde BOLIVIA…..
Mi blog de prueba: http://ultimate-blogger01.blogspot.com/
Busque por horas para saber como agregar un footer porque mi plantilla no lo tenía y con esto lo logré… SALUDOS