Dividir el footer del blog

15 de mayo de 2011 218 comentarios ,
Ya vimos cómo dividir la cabecera del blog y cómo dividir el crosscol, ahora le toca el turno al pie del blog, o sea, a la parte que se encuentra hasta abajo de la plantilla mejor conocida como footer. Así que en esta entrada veremos cómo dividir el footer del blog en tres columnas para poder agregar ahí algunos gadgets.
Pasaremos de esto:


A esto:


Para los que usan una plantilla del Diseñador de Plantillas de Blogger eso puede hacerse desde el momento de la creación de la plantilla, sólo hay que ir dentro del Diseñador de Plantillas y en la pestaña Diseño hay que elegir la estructura de la plantilla, en la sección Diseño de pie de página puede seleccionarse el footer simple, dividido en dos, o dividido en tres.



O bien, también puede hacerse directo en la plantilla, así que vamos a ver cómo dividir el footer del blog tanto en esas plantillas como en las plantillas antiguas.

Empezaremos con las plantillas hechas con el Diseñador de Plantillas de Blogger, primero vamos a quitar temporalmente cualquier gadget que haya en esa área, puedes arrastrarlo a la sidebar, ya cuando termines con los cambios podrás moverlo de nuevo al footer.
Ya que esté libre esa área entra en Diseño | Edición de HTML y SIN expandir los artilugios busca esta línea:
<b:section-contents id='footer-1'/>
O si ya está dividido en dos busca esta otra:
<b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'/>

Ya localizada cualquiera de esas partes elimínala con cuidado y en su lugar pon esto:
<b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'/><b:section-contents id='footer-2-3'/>

Con eso estará dividido el footer en tres columnas. No se verá la columna extra hasta abajo que se aprecia en la imagen de ejemplo pues en el caso de esas plantillas los gadgets pueden arrastrase arriba de los créditos y funcionará de igual manera.

En el caso de las plantillas antiguas de Blogger el procedimiento es un poco diferente; primero habremos de quitar cualquier gadget de ahí, y luego SIN expandir artilugios busca este código:
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

Elimínalo y en su lugar coloca este otro:
<div id='footer-wrapper'>

<div id='footer0' style='text-align: center; padding: 5px;'>
<b:section id='footer-superior' preferred='yes'/>
</div>

<div id='footer1' style='width: 32%; float: left; margin:0; padding: 5px;'>
<b:section class='footer' id='foot1' preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 31%; float: left; margin:0; padding: 5px;'>
<b:section class='footer' id='foot2' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 32%; float: right; margin:0; padding: 5px;'>
<b:section class='footer' id='foot3' preferred='yes' style='float:right;'/>
</div>

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

<div id='footer4' style='text-align: center; padding: 5px;'>
<b:section id='footer-inferior' preferred='yes'/>
</div>

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

Dependiendo de cada plantilla quizá sea necesario ajustar los porcentajes a valores más pequeños por si alguna de esas área se moviera hacia abajo, ya dependerá de cada caso y que cada quien experimente con las medidas que más se ajusten a su plantilla.
Si quisieras agregarle un poco de estilos a esa área sólo agrega antes de ]]></b:skin> lo siquiente:
#footer-wrapper h2{
background:#0B243B; /* Color de fondo de los títulos */
color:#fff; /* Color del título */
margin: 0.0em 0 .5em;
padding: 4px 3px;
text-align: center;
font-size: 16px; /* Tamaño de la fuente del título */
}
.footer{
background:#ccc; /* Color de fondo de los gadgets */
}

Y con eso tendrás el footer del blog dividido para que puedas aprovechar su espacio y agregar más gadgets de forma ordenada en el blog.


218 comentarios en:

" Dividir el footer del blog "

  1. excelente! estos tutoriales nunca estas demas! mil gracias :D

    ResponderEliminar
  2. Hoola Potro
    me podria porfavor decir como poner datos como el que usted tiene de "La Ciudad tiene" --->>>>>
    pero con informacion de mi blog?

    Gracias, un abrazo, Saludos...

    ResponderEliminar
  3. Tengo una duda ¿Cómo sé si mi plantilla es nueva o antigua? la otra vez te hice una pregunta con respecto a este tema y creo que es mi solución.... voy a probarlo!!

    Rocío.

    ResponderEliminar
  4. Potro, gracias por tus consejos, nos ayudas a mejor nuestros blogs.

    Besos,

    ResponderEliminar
  5. MCarlitooH2, sobre todo para ti que le haces cambios a la plantilla tan seguido como te cambias de ropa :P

    ıllıllı★ωєℓaяσм тαкн вנ★ıllıllı, claro que sí, mira esta entrada.

    ResponderEliminar
  6. ¡Excelente Potro!... Ya lo estaba esperando jeje :D ¡Mil Gracias! :)

    ResponderEliminar
  7. Potroooo!!! Feliz día del Maestro! :D
    Eso eres para mi... GRACIAS! :)

    ResponderEliminar
  8. Gracias, Potro, nuevamente te rindo homenaje, gracias a ti he solucionado algo que no me dejaba dormir.

    Rocío.

    ResponderEliminar
  9. Gracias Potro! Sabes que estaba esperando esto jeje! Quedo de agencia mi hermano mil gracias!

    ResponderEliminar
  10. Hola Rocío,

    Muchas gracias por tu amable comentario, qué gusto que al fin hayas podido solucionar ese detalle que tenías pendiente ;)

    Respondiendo a tu pregunta, las plantillas "nuevas" son las que son hechas con el Diseñador de plantillas de Blogger ya sea que utilizaste el Diseñador en la sección Diseño, o que creaste el blog recientemente y elegiste una plantilla predeterminada de Blogger.
    Pero para saber más fácil sólo entra en Diseño > Edición de HTML y busca esta parte:

    -----------------------------------------------
    Blogger Template Style
    Name: Simple
    Designer: Josh Peterson
    URL: www.noaesthetic.com
    -----------------------------------------------

    Esos son los créditos e información básica de la plantilla, si dice:
    Simple, Picture Window, Awesome Inc., Watermark, Ethereal, o Travel, entonces son plantillas "nuevas", o sea, hechas con el Diseñador de Plantillas de Blogger.

    Si en cambio ahí mismo en Diseño vas hasta abajo verás un link que dice 'Seleccionar plantilla de diseño', al dar click verás las plantillas "antiguas" o plantillas Clásicas de Blogger, solo tendrías que reconocer si tu plantilla es igual a alguna de las que se muestran ahí.

    ¡Saludos!

    ResponderEliminar
  11. SUNY SENABRE, gracias a ti por tu visita, siempre es un gusto enorme tenerte aquí :)

    alore67, me queda muy grande ese título y estoy muy alejado de ello, pero te lo agradezco mucho!

    PlaylistMusics | Panamá, deseo que tengas los resultados esperados, un abrazo!

    ResponderEliminar
  12. Hola Potro de nuevo por aquí, justo era el post que buscaba para comentarte, en mi caso mi plantilla también me deja editar eso (footer o pie del blog).

    En mi Blog veraz que ese espacio es inservible y es más no me gusta como queda, por eso te pregunto algo que seguro interesará a otros como elimino ese espacio osea no quiero el footer por que en mi caso es innecesario.

    Saludos Pro+ :D

    ResponderEliminar
  13. esto se podria aplicar para tu plantilla "simmple blak metal" y como lo haria?

    gracias..

    ResponderEliminar
  14. Hola Potro, una pregunta, ¿POr qué en mi blog únicamente aparecen 2 entradas?

    ResponderEliminar
  15. ¡Ains que sería de gente como yo, sin tí!
    Besos
    nela

    ResponderEliminar
  16. porque me sale haci? :S

    https://lh3.googleusercontent.com/-cEeefFtMA48/TdBks-RP8WI/AAAAAAAAAaE/yI1QpV7BtTA/s288/dd.png

    ResponderEliminar
  17. Wow! Fabuloso!!

    Sólo me queda una duda bro, ¿para que sirve la línea "div style='clear:both;'? Perdón la ignorancia.

    Un abrazo!!

    ResponderEliminar
  18. Hola Potro: Además de generoso, eres humilde.

    Según Wikipedia un Maestro es: (del lat. magister, -tri), en sentido general, es una persona a la que se le reconoce una habilidad extraordinaria en una determinada área del saber, con capacidad de enseñar y compartir sus conocimientos con otras personas, denominadas discípulos o aprendices.

    Así que no estoy tan errada al felicitarte hoy.
    Un abrazo Potro y gracias de nuevo por todo! :D

    ResponderEliminar
  19. Hola Pirez,

    Pues si no usas esa área no pasa nada con dejarla, pero si quieres eliminarla sólo busca y elimina este código (SIN expandir artilugios):

    <div class='region-inner footer-inner'>
    <macro:include id='footer-sections' name='sections'>
    <macro:param default='2' name='num' value='1'/>
    <macro:param default='footer' name='idPrefix'/>
    <macro:param default='foot' name='class'/>
    <macro:param default='false' name='includeBottom'/>
    </macro:include>
    <!-- outside of the include in order to lock Attribution widget -->
    <b:section class='foot' id='footer-3' showaddelement='no'>
    <b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
    </b:section>
    </div>

    Con eso se dejará de ver el footer en Elementos de la Página.
    En caso de que tuvieras el gadget de 'Attribution', o sea, el de los créditos de la plantilla, también se eliminará al quitar todo eso.

    ¡Saludos!

    ResponderEliminar
  20. The Code Box,

    Claro, aunque al entrar a Elementos de la página se verá como que "salida" esa área pero funcionará igual de bien.
    Sólo busca en la plantilla esta línea:
    <div id='footer-wrapper'>

    Y debajo de ella agrega esto:
    <div id='footer0' style='text-align: center; padding: 5px;'>
    <b:section id='footer-superior' preferred='yes'/>
    </div>

    <div id='footer1' style='width: 32%; float: left; margin:0; padding: 5px;'>
    <b:section class='footer' id='foot1' preferred='yes' style='float:left;'/>
    </div>

    <div id='footer2' style='width: 31%; float: left; margin:0; padding: 5px;'>
    <b:section class='footer' id='foot2' preferred='yes' style='float:left;'/>
    </div>

    <div id='footer3' style='width: 32%; float: right; margin:0; padding: 5px;'>
    <b:section class='footer' id='foot3' preferred='yes' style='float:right;'/>
    </div>

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

    <div id='footer4' style='text-align: center; padding: 5px;'>
    <b:section id='footer-inferior' preferred='yes'/>
    </div>

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

    ResponderEliminar
    Respuestas
    1. Muchas gracias, me ha funcionado perfectamente este código en el nuevo blog que estoy preparando con una plantilla de BTemplates. Aunque de momento no está visible en la red.

      Eliminar
    2. Qué gusto que te haya sido útil :)

      Eliminar
  21. cBLOG.info, por la autopaginación:
    http://buzz-es.blogspot.com/2010/03/auto-paginacion-en-blogger.html

    Nela, ¿y qué sería de mí sin tenerlos a ustedes? Realmente sería yo un desastre, así que gracias por estar siempre :)

    AdministradorPD, según por la imagen que mencionas parece que querías dividir otra área y no el footer del blog :/

    ResponderEliminar
  22. cyberbloggero, qué gusto verte por aquí brother :)
    Esa línea es sólo para "limpiar" los estilos anteriores, así se evita que los contenedores que hay debajo se vean afectados por los estilos que se agregaron y nos ahorramos un desastre y muchos dolores de cabeza :P

    alore67, siendo así entonces no tengo nada que alegar :)
    ¡Gracias a ti nuevamente!

    ResponderEliminar
  23. Hola Potro gracias por responder, esto es lo que logro encontrar pero no me deja eliminarlo:

    Me sale todo igual hasta : section class='foot' id='footer-3' showaddelement='no' luego es dos cierre div, elimino hasta lo anterior.

    Me sale que no se pudo guardar la plantilla, que hago?

    ResponderEliminar
  24. Después de esa línea hasta el siguiente cierre del DIV debes borrar.

    ResponderEliminar
  25. Buenos días estimado Potro, muchas gracias por este aporte, leyendo los comentarios... da gusto y apoyo la mención de la compañera que te ha denominado Maestro, no le discutas pues lleva razón ;-) un abrazo, felicitaciones y mil gracias

    ResponderEliminar
  26. Realmente un blog imprescindible si eres blogero. Saludos y muy buenos tutos.

    ResponderEliminar
  27. HOLA POTRO,SOLAMENTE ES PARA SALUDARTE Y COMENTARTE POR SI TE INTERESA, QUE HACE UNOS DIAS TE PREGUNTÉ POR LA POSIBILIDAD DE PONER SOLAMENTE LAS ENTRADAS, EN UNA VENTANA EMERGENTE. ENCONTRÉ LAS VISTA DINÁMICAS DE BOGGER. EN LA QUE TE APARECEN SÓLO LAS ENTRADAS, EN DISTINTOS FORMATOS.LUEGO INGRESÈ LA DIRECCIÓN EN UNA VENTANA POP OUT DE UN ENLACE DE BOTÓN Y LISTO...
    UN SALUDO

    ResponderEliminar
  28. Muy bueno amigo aunque ya creo que tenias este tutorial o me equivoco XD saludos!

    ResponderEliminar
  29. Julia Letrán, por nada :)

    MaG@S RaDioMuSiC, muchas gracias, y si son dos contra uno pues menos puedo discutirles. Nuevamente gracias :)

    Edertano, te lo agradezco!

    ResponderEliminar
  30. matiasascanio, interesante, no se me hubiera ocurrido, gracias por compartirlo :)

    yonathan, nop, quizá lo confundiste con el de dividir el crosscoll o la cabecera, pero este no lo tenía ;)

    ResponderEliminar
  31. oH enserio qe me preguntaba como hacer esto, :D

    ResponderEliminar
  32. Hola Potro, gracias por tu respuesta pero no dio resultado he intentado de todo, cuando elimino hasta el cierre me sale este mensaje:

    La plantilla no define una sección con la identificación "footer-1".

    Creo que hay algún error en mi plantilla, está no ha sido creada con el editor de plantillas de Blogger.

    Saludos :F

    ResponderEliminar
  33. Potro tenes algún post con códigos que expliquen como editar las páginas estáticas? O sea, pera eliminar las sidebars, en título del post, cambiar el color del fondo de la entrada, etc.
    Gracias!

    ResponderEliminar
  34. Mira Potro: http://dl.dropbox.com/u/4349555/blogpruebas.PNG ya hice bastante sólo quiero saber como eliminar esos 3 espacios que te marque con esas flechitas feas jeje y la parte de abajo donde dice « Home »

    ResponderEliminar
  35. Ya lo pude solucionar Potro con el margin.

    Saludos!

    ResponderEliminar
  36. Gracias Potro, siempre hay que saberlo :P

    Saludos wn.

    ResponderEliminar
  37. Pirez, por ahí hubiéramos empezado :P
    El código que te di es para las plantillas hechas con el Diseñador de Plantillas, en las clásicas sólo sería eliminar el código que se menciona en la entrada que ha de reemplazarse, pero en las plantillas que no son de Blogger no puedo saber con exactitud pues cada plantilla de esas tiene códigos en orden y estructura diferente, aunque muchas veces suele ser parecido al de las plantillas clásicas.

    ResponderEliminar
  38. Pozo+10™, de hecho si en el buscador de aquí pones 'páginas estáticas' verás varia información al respecto.

    Roster, saludos!

    ResponderEliminar
  39. Potro disculpa por desviar el tema, pero quisiera que me ayudes en comom cambiar la palabra read More por la palabra Leer más... Porfavor de antemano Gracias (: Saludos desde Perú

    ResponderEliminar
  40. Sólo expande los artilugios de la plantilla, busca el texto Read more y cámbialo por el texto que quieras.
    Saludos hasta Perú!

    ResponderEliminar
  41. Hola, Potro!
    Veo que retomaste la antigua imagen de tu perfil de blogger, antes de salir del anonimato, cuando los ciudadanos se preguntaban cómo se vería en realidad el enigmático Potro, je, je. Bien por ti!
    Oye, solo escribo para agradecerte este tip, pues ya lo puse en mi blog y todo me salió perfecto y facilísimo.
    Muchas gracias y saludos!

    ResponderEliminar
  42. Jeje que tonto :g es que mi plantilla es muy parecida. Se nota que yo la hice por que tiene muchos errores, probé con las otras formas pero nada y lo extraño es que si me deja editar la plantilla desde el Diseñador.

    Te acuerdas cual era la página que te indicaba los errores en la plantilla para su solución.

    Saludos también desde Perú :) tamos en todos lados ¡Viva el Perú Carj...! XD

    ResponderEliminar
  43. Wow! que interesante!! Suponía que tenia que venir por ese lado, por la palabra "clear" jajaja, pero la verdad no imaginé que fuera por eso. Muchas gracias por la info! sin duda, el mejor!!

    Un abrazo!!

    ResponderEliminar
  44. Vicky, jajaja, de hecho mi primer avatar con este blog no era tan enigmático, en realidad salía de cuerpo completo y sin camisa (qué pena), pero por suerte me llegó el pudor y fue cuando cambié justo a este avatar que creo que fue el que conociste :)
    Gracias por tu visita!

    Pirez, quisiera acordarme pero, mi memoria es cada vez peor, a veces ya no recuerdo ni cuál blog tengo, jajaja. ¡Saludos hasta el Perú!

    cyberbloggero, sería más fácil que fuera en español ¿no? aunque si el argot de la Internet fuera en español quizá no todo se escucharía tan bien, por ejemplo, tú sería Cyber-Bitacorero, jajaja

    ResponderEliminar
  45. Potro!! necesito ayuda, algo le pasa a mi blog, no muestra la barra de desplazamiento horizontal en la portada, y no puedo ver el contenido :X

    ResponderEliminar
  46. Hola Potro, disculpa que te moleste y cambie del tema pero puedes leer mi correo por el Contacto es Importante!

    Saludos :D

    ResponderEliminar
  47. Kron, quizá modificaste en el código del Intro una parte que no se debía tocar. Quítalo y ponlo de nuevo sin modificar nada del código en color púrpura.

    Pirez, en un rato más lo reviso, esos correos los dejo hasta al final pero en un rato más empiezo a contestarlos ;)

    ResponderEliminar
  48. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  49. Gracias justo lo qu estaba buscando
    munditech.blogspot.com

    ResponderEliminar
  50. gracias potro...los invito a que conozcan http://www.cienciaverde.co.cc

    ResponderEliminar
  51. Potro sabes que me ocurrio un problema en mi blog trato de agregar un archivo html en la parte donde esta la barra lateral derecho y cuando oprimo "Guardar" no me guarda nada. Que podra ser? lo ultimo que instale en el blog antes que pasara esto. Fue esto de dividir me podras ayudar por favor? Gracias

    ResponderEliminar
  52. Probablemente sea un problema temporal de Blogger.
    Prueba hacerlo desde otro navegador, también prueba eliminando cookies, historial y caché.

    ResponderEliminar
  53. Gracias intentare como dices entonces ;)

    ResponderEliminar
  54. hola potro :D
    otra ves yo jeje.
    me podrias decir como puedo agregar un footer a mi blog. digamos que seria el encabezado.

    ResponderEliminar
  55. No me queda clara la relación entre el footer y el encabezado, pues uno va hasta abajo del blog y otro hasta arriba, a no sé que te refieras a otra cosa.
    En caso de que sí sea sobre el footer, dime cuál plantilla usas.

    ResponderEliminar
  56. potro a mi me gustaria dividir el footer , pero no encuentro el codigo que pides,
    http://free-smsgratis.blogspot.com/
    hecha un vistazo!

    ResponderEliminar
  57. Hola lucho,

    Como mencionaba en la entrada, estos métodos son para plantillas originales de Blogger, ya que las plantillas personalizadas varían mucho en sus códigos.
    Sin embargo puedes probar con el segundo método y buscar esta línea en lugar del código que se menciona ahí:
    <div id='footer'>

    ResponderEliminar
  58. Ola Potro Grax por tus Articulos , queria pedirte ayuda la vdd no se mucho de edicion , pero quiero instalar este template:
    http://www.xmlbloggertemplates.com/2011/iphone-hello/

    Pero quiero modificar :
    1. en ves poner anuncios de 486*80 quisiera poner la de 728x90, pero cuando mofique el tamaño en edicicion html se deformo todo , me podrias ayudar con eso please :)

    2. Cuando el mouse sobre los menus desplegables todo se pone negrita impidiendo leer las letras , donde podria modficar eso en que linea .
    Gracias de Antemano Potro

    ResponderEliminar
  59. Tambien quisiera añadir un widget debajo de los titulos , pero no se como añadirlo lei este articulo pero no me sale :) bueno grax por todo Potro.

    ResponderEliminar
  60. Este es mi blog de pruebas http://ssinfogeneral.blogspot.com/2011/06/kakashi.html

    ResponderEliminar
  61. Hola LJK,

    No creo que puedas poner el anuncio de esa medida pues no alcanzaría prácticamente nada para el lugar donde se muestra el nombre del blog y el logotipo.

    Para cambiar el color de fondo de las subpestañas al pasar el cursor cambia el código del color en esta parte:

    #secnav li ul li a:hover {
    background: #000;
    }

    ¿Debajo de qué títulos quieres añadir un gadget y qué tipo de gadget?

    ResponderEliminar
  62. Bueno mira ya que no entrara un ads de 728*90 me gustaria poner un add debajo de los titulos , para eso quiero agregar un widget/gadget para insertar un ads de 728*90 amigo.

    ResponderEliminar
  63. Pon tu anuncio arriba de <data:post.body/>

    ResponderEliminar
  64. Ola Potro Gracias , pero me confundi la idea es poner el ad 728*90 debajo del menu.

    Cuanndo pongo debajo de los titulo no entra el de 728*90 amigo

    Gracias de antemano

    ResponderEliminar
  65. Entré a tu blog y vi que ya lo has conseguido. Saludos.

    ResponderEliminar
  66. Si Potro Gracias ehh xD y cambie el color del hover y bueno ya no se pone negrita xD pero igual el menu principal se vuelve todo Blanco

    este el codigo que modifique

    #secnav li ul li a:hover {
    background: #F7EFEF;
    }

    Paso el mouse sobre los submenu y ya no se vueleve negrita se logra distinguir pero el principal no se logra distinguir:( como podria solucionarlo??
    Gracias perdona se que caigo pesado :(

    Este es mi blog de pruebas :
    http://ssinfogeneral.blogspot.com/

    ResponderEliminar
  67. Prueba agregándole el atributo de color:

    #secnav li ul li a:hover {
    background: #F7EFEF;
    color:#000;
    }

    ResponderEliminar
  68. Uhm sigues igual , pero gracias Potro segui tus consejos y ya quedo asi mi blog:
    http://saintkeane.blogspot.com/

    Uhm tienes algunas recomendaciones ??

    ResponderEliminar
  69. Pues es que el diseño de ese menú es bastante contradictorio y veo que originalmente así fue diseñado o.O
    Las dos opciones que hay son, que cambies el color de fondo para el color de las pestañas al pasar el cursor por un color oscuro (como te mencionaba en el comentario #64)

    O que cambies las letras blancas de los menús por letras oscuras, eso puedes hacerlo aquí:

    #secnav a {
    display: block;
    line-height: 58px;
    padding: 0 20px 0 20px;
    line-height: 16px;
    padding: 14px 17px 11px;
    color:#fff;

    Cambia ese por un color oscuro.

    ResponderEliminar
  70. hola amigo , me gustaría que me ayudaras a darle color de fondo a los sidebar de pie de pagina y a los títulos como lo tengo en las otras sidebar

    ResponderEliminar
  71. Hola ALEXIS, ¿en cuál blog deseas ponerle color de fondo a esas áreas?

    ResponderEliminar
  72. Saludos Potro! Estaba por hacer justo esto y no he podido entrar al html porque me manda este un mensaje con las siguientes letras: bX-cnqjel y no encuentro nada en la red, ojalá me puedas ayudar pues no encuentro que hacer y ya me preocupe

    ResponderEliminar
  73. Parece ser un error de Blogger. Prueba eliminando cookies, caché e historial de tu navegador, o bien prueba hacerlo desde otro navegador.

    ResponderEliminar
  74. Ok, ya lo he intentado todo y nada. Probé todos los navegadores. Hay algo más que pueda hacer?

    ResponderEliminar
  75. Hola man, de nuevo yo por aquí. No se que le paso a Blogger hoy pero fue un show, pues como te dije no podía entrar, pero después me dijo que tenía que hacer upgrade, lo hice y mi blog estaba por ningún lado, con platilla diferente y sin gadgets. Por suerte tenía una copia de seguridad y la sabí y ahora todo como si nada. Saludos

    ResponderEliminar
  76. Esos son los momentos en los que uno sabe que hacer la copia de respaldo fue algo acertado :)

    ResponderEliminar
  77. potro ya logre poner el gadget en mi pie de blogger puse tus codigos pero tambien agrege los codigos que diste para agregar estilos supongo que eso sera para cambiar el color de fondo de los gadget porque mi pagina es blanca y quiero que asi lo sea pero ya intente ponerle en blackgroun FFFFFF o White pero no puedo cambiarlo sigue negro tambien fui a Footer lo que ya viene en la plantilla y canbie el blackgroun como antes te dije y nada no cambia el color

    ResponderEliminar
  78. En realidad no es el footer lo que está de color negro sino el contenedor del blog.
    Busca aquí:
    #outer-wrapper{width:1000px;margin:0px auto 0px;padding:0;text-align:left;font:$bodyfont;background:black url() left 8px repeat-x;}

    Ese black es lo que ves de color negro ahí, si lo cambias por #fff se volverá blanco.

    ResponderEliminar
  79. Muy estimado Potro:

    Ésta es mi primera intervención en tu inestimable Ciudadblogger. Por ello, aunque no me falten preguntas que hacerte ni dudas por resolver, sólo intervengo hoy para mostrarte, con mi gratitud, el más sincero reconocimiento hacia tu demostrada y jovial humanidad.

    Muchísimas gracias por tu ejemplo constante de auténtico altruismo; por tu impagable y desinteresado magisterio; por esa gran paciencia sobradamente demostrada con todos quienes, como náufragos, buscamos en tus orientaciones una tabla de salvación para poder continuar sobrenadando, sin sucumbir definitivamente a sus mareas, la superficie cada vez más procelosa de Internet. Y por supuesto, por ese humor cortés con el que tratas a todos —incluso a quien no se lo merece—, como un viejo amigo siempre dispuesto, con tu sonrisa, a alargarnos el brazo solidario. ¡Como si tú no tuvieses problemas!

    Por todo ello, más allá de mis palabras, he puesto en mi blog un "banner" del tuyo, con el que sinceramente deseo reconocer, de manera gráfica, cuanto con ellas he dicho.

    Un abrazo desde España,
    Roberto Malestar Rodríguez

    ResponderEliminar
  80. Hola Roberto,

    Muchas gracias por tu amable y desinteresado comentario. Esas son las palabras que en los días difíciles me dan ánimos para continuar y no tirar la toalla.
    Ojalá pudiera expresarme tan bien como tú para agradecerte por tu comentario pero quizá está de más decir que te lo agradezco de corazón.

    Saludos hasta la Madre Patria.

    ResponderEliminar
  81. Hola! Potro

    "Post de la Semana" a lado de post recientes
    en mi blog: http://theredark.blogspot.com/

    Ayudame con este widget quiero divirlo para que ocupe un solo en espacio en vez de un espacio compartido en dos, tu ya debes saber de lo que hablo, no se como hacerlo sin afectar a los demás que estan juntos a el y tambien como puedo aumentar el tamaño de las entradas al final donde sale "Publicado por" en la parte de abajo, para agregarle 1 o 2 cm

    Pilas ahi te dejo para que me ayudes con eso

    ResponderEliminar
  82. Hola The ReDark,

    Eso es una cuestión del diseño de la plantilla. La solución es que subas ese gadget a la parte de arriba donde sólo ocuparía un espacio y no medio espacio de la sidebar, sólo tienes que arrastrarlo hasta el lugar que quieres.
    Para darle más espacio al post-footer busca esta línea:
    .post-footer {

    Debajo de ella agrega esto:
    padding-bottom:40px;

    ResponderEliminar
  83. gracias bro,

    pero pensaba que se podia en el mismo lugar esa división y lo de la linea para agregarle:

    padding-bottom:40px;

    si me dio el espacio pero los iconos +1, de face, de blogger, etc y "Plublicado por le sigan hasta al final donde se ha agrandado el espacio o más que sea quede intermedio

    ResponderEliminar
  84. Intermedio no existe como propiedad, pero igual puedes agregarle otro espacio pero ahora superior:
    padding-top:40px;

    ResponderEliminar
  85. Gracias si me sirvio,

    ayudame en otra cosa como puede eliminar permanentemente el gadget páginas de mi plantilla xq cual lo elimino del diseño todo bien pero cuando hago un cambio en la plantilla vuelve aparecer.

    lo dejo por hoy para que veas mejor el problema, algo más, tengo mi calendario al lado de las entradas y veo que la fecha sale como algo más abajito de donde de donde para llenar el cuadro(el azul con rectangulo blanco en medio)

    como hago que se haga más abajo para llenar ese espacio faltante?

    y una ultima cosa como hago de subir un poco màs el tono de negro que tengo algo fondo del blog pero no el que parace rejas si no el que esta intermedio(el fondo negro transparente) al fondo de las entradas del blog.

    Esto esto tres cositas no más ayudame con eso y te recuerdo mi blog:

    http://theredark.blogspot.com/

    ResponderEliminar
  86. El gadget de páginas anda teniendo problemas:
    http://vagabundia.blogspot.com/2011/07/la-rebeldia-del-gadget-de-paginas.html

    Lo de la fecha no lo sé, te recomiendo que lo consultes en el sitio donde has tomado el truco, seguro ahí podrán asesorarte.
    La transparencia que ves en el fondo no es con códigos, sino que es una imagen transparente por lo que no se le puede modificar el aspecto desde la plantilla.

    Saludos.

    ResponderEliminar
  87. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  88. gracias por lo del gadget,

    pero no ahi ninguna forma para hacerla un poco más negra sin perder la transparencia, te digo que estube moniando la plantilla el otro día si se la puede cambiar de color la falla es la transparencia no se exactamente como dejarla, la aparte donde estube era variable definitions

    igual eso no es de apuro tal vez si averiguas x ahi me cuentas

    ResponderEliminar
  89. Cuando la transparencia se consigue con CSS entonces sí puedes controlar la intensidad de la transparencia, pero en este caso como te digo es una imagen, así que como no es CSS no se puede controlar pues la transparencia es propia de la imagen.

    ResponderEliminar
  90. Potro, otra vez yo....habria manera de poner otra fila de varios gadgets en el footer? ya he creado 5 gadgets, ahora me gustaría poner encima 6 más...se puede hacer?

    ResponderEliminar
  91. Sólo tendrías que agregar otro fragmento como este en el lugar que quieres:

    <div id='footer6' style='width: 32%; float: left; margin:0; padding: 5px;'>
    <b:section class='footer' id='foot6' preferred='yes' style='float:left;'/>
    </div>

    <div id='footer7' style='width: 31%; float: left; margin:0; padding: 5px;'>
    <b:section class='footer' id='foo72' preferred='yes' style='float:left;'/>
    </div>

    <div id='footer8' style='width: 32%; float: right; margin:0; padding: 5px;'>
    <b:section class='footer' id='foot8' preferred='yes' style='float:right;'/>
    </div>

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

    ResponderEliminar
  92. Muchisimas gracias, Potro, ya lo tengo puesto!

    (ojo, en tu codigo has puesto 'foo72', lo he modificado por 'foot7')

    ResponderEliminar
  93. Potre, de nuevo yo...se me han quedado los gadgets muy pegados a la siguiente linea...cómo puedo darle mas espacio? (sé q en su día logré separar los gadgets del crosscol, pero no hay manera q me acuerde cómo lo hice)

    ResponderEliminar
  94. Pues una forma de hacerlo sería que debajo de <div style='clear:both;'/> pusieras un salto de línea:

    <br/>

    Si necesitas más espacio agrega otro salto de línea como ese.

    ResponderEliminar
  95. Pues claro! ahora veo...ponía la barra delante...gracias de nuevo!

    ResponderEliminar
  96. Buenas tardes queria preguntarte como hago para añadir el footer ya que el diseñ original de mi plantilla no tiene solo tiene las sidebar, dnde se publican los post y el header pero kiero ponerle unos gadgets alli... Podrias ayudarme... Gracias

    ResponderEliminar
  97. Buenas tardes DarkAngel25xD, ¿en cuál blog deseas hacerlo?

    ResponderEliminar
  98. Hola, Potro.

    Ando un poco perdido. ¿Sabes cómo puedo dividir en dos la parte que está justo debajo de las entradas del blog, tal como lo señala esta imagen? Es que me gustaría colocar un par de gadgets de Últimas entradas por categorías.

    He visto esta entrada, pero no estoy seguro de que se trate de lo mismo, porque quizás se dividirían los gadgets que están en la parte de abajo y yo sólo quiero debajo de las entradas del blog.

    Gracias, Potro. Saludos. :D

    www.lasnoticiasdetulum.com

    ResponderEliminar
  99. Hola,

    Busca esta parte (sin expandir artilugios) :
    <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
    </b:section>


    Y agrega justo debajo, lo siguiente:

    <div id='gadgets1' style='width: 48%; float: left; margin:0; padding: 5px;'>
    <b:section class='sidebar' id='g1' preferred='yes' style='float:left;'/>
    </div>

    <div id='gadgets2' style='width: 48%; float: right; margin:0; padding: 5px;'>
    <b:section class='sidebar' id='g2' preferred='yes' style='float:right;'/>
    </div>

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

    ResponderEliminar
  100. ¡Listo, Potro!. Apliqué esa parte que me sugeriste y quedó de maravilla. ¡Muchas gracias!

    Un saludo. (-:

    ResponderEliminar
  101. Y si kiero agregar un footer debajo de las entradas?
    como debo hacer,?
    www.music-life-vip.blogspot.com

    ResponderEliminar
  102. Mira el comentario #105, ahí están las indicaciones.

    ResponderEliminar
  103. Potro ya lo intente, pero no sale el footer.

    ResponderEliminar
  104. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  105. Intenta de nuevo, de esa forma lo he probado y ha funcionado a mí y a otros.

    ResponderEliminar
  106. Potro me aparece, pero al ajustar el tamaño necesario, pasa del lado donde estan los gadgets
    y se me desordena el blog.
    me podrias ayudar con esta plantilla?
    podrias hacerlo por mi?

    ResponderEliminar
  107. La plantilla, que use. por decir es premiun, ya que no aparece en la opccion "Diseño" la parte de configuracion de las entrada.

    ResponderEliminar
  108. Si se pasa de allá entonces reduce el ancho de los gadgets de esa área. Por ejemplo, uno de ellos en vez de que tenga width: 48% ponle un valor más bajo como width: 40%

    ResponderEliminar
  109. Potro: Ya lo hice, y me kedo bien, pero solo aparece en las entradas y no en la portadas. jajajajaja
    un problemon.
    yo kiero que se vea en la portada y en las entradas.
    pero es ahi cuando se desordena, el blog.

    ResponderEliminar
  110. Pues quizá tu plantilla no lo permite por su estructura :/

    ResponderEliminar
  111. kpas sea eso.
    me podrias ayudar ?
    te paso la plantilla y me decis si se puede o no. por favor!

    ResponderEliminar
  112. Me encantaría poder ayudarte lucho, pero lo que más me hace falta ahora es tiempo.
    Pero lo que podemos hacer es que pongas todo como quieres, que se muestre en la portada; cuando esté puesto me avisas para que entre a tu blog vea qué sucede y quizá desde aquí pueda decirte cómo solucionarlo.
    Si puedes también has una captura de la pantalla donde señales cuáles son los gadgets que se salen.

    Saludos.

    ResponderEliminar
  113. Hola El Potro,
    ¿Podemos dividir el footer en una plantilla extraida de internet?

    Mi blog es este: quepiensasdelafoto.blogspot.com
    Y la plantilla: http://btemplates.com/2011/blogger-template-lock-heart/demo/

    Me gustaria dividir el footer en 4 columnas.
    Gracias.

    ResponderEliminar
  114. Josep-Pepe, si la plantilla tiene footer sí, es el mismo procedimiento, pero ésta ya debe tener un footer.

    ResponderEliminar
  115. Hola El Potro,
    Soy yo otra vez, he buscado los codigos que dices en la entrada y solo sale este:
    < (aqui va "div") id='footer-wrapper'>
    Sin lo siguiente que le acompaña.

    Entonces he substituido eso por el codigo HTML que dices en esta entrada.

    Al clicar en VISTA PREVIA me dice: No se ha podido analizar su plantilla, porque no está bien formada.

    No se como hacerlo.
    Gracias.

    ResponderEliminar
  116. Hola Josep-Pepe,

    Entonces es muy probable que tu plantilla no tenga el área para agregra gadgets, pero no hay problema, sólo elimina desde:
    <div id='footer-wrapper'>

    Hasta el próximo </div> que encuentres pero sin eliminar nada más allá.
    En su lugar pon el segundo código que es para las plantillas antiguas de Blogger.

    ResponderEliminar
  117. Gracias El Potro, me ha funcionado, puedes ver el resultado en el blog: quepiensasdelafoto.blogspot.com
    Gracias.

    ResponderEliminar
  118. potro como puedo agregar un footer arriba de la entradas?
    www.music-life-vip.blogspot.com

    asi lo divido por 3.
    me decis potros.
    y disculpa que sea un poco molestoso jajajajaja

    ResponderEliminar
  119. Es igual que en el comentario #105 pero en lugar de ponerlo debajo de, lo pondrías arriba de.
    Si ya tienes gadgets debajo de las entradas entonces cambia gadgets1 y gadgets2 por gadgets3 y gadgets4
    También cambia g1 y g2 por g3 y g4

    Después hago una entrada con una explicación más detallada.
    Saludos.

    ResponderEliminar
  120. Potro una pregunta referente al Pie del blog: He insertado una imagen como pie de blog que tiene como fondo de la imagen el color X que es el mismo que el del fondo del blog (para quede todo igualado)y cuando lo visualizo en Chrome=OK pero en Firefox y IE se ve el contorno no en el color X sino en Negro ( X=#14161b gris oscuro).Muchas gracias

    ResponderEliminar
  121. Hola Priamo, ¿en cuál blog has hecho esas modificaciones?

    ResponderEliminar
  122. Pues lo que veo es que el color de fondo de la imagen es #0D0F14, mientras que el color de fondo del blog es #14161B, así que mientras no sean iguales de color se verá esa diferencia entre ambos.

    ResponderEliminar
  123. De donde sacas que es ese color? porque vuelvo al photoshop y compruebo el fondo de la imagen y está en #14161B.
    Si no damos con la tecla intentaré volver a rehacer el pie.
    Otra cuestion referente a la palabreja "Cargando" que me comentaste que volviesea instalar el pie para ver si se eliminaba: pues sigue apareciendo pero he descubierto dos cosas:
    -Situandome y marcando la palabra y con boton derecho accedo a "Inspeccionar elemento y lo localizo y elimino (no sé como guardar ese cambio efectuado) por lo que salgo a con "x" y desaparece pero al volver a entra vuelve aparecer.
    -He visto en otro blog que tengo de pruebas "slotenpruebas.blogspot.com" que allí no aparece y he buceado en la plantilla pero no logro aclararme.
    No sé si este rollo lo he explicado bien.Gracias por tu paciencia y buen saber.Gracias

    ResponderEliminar
  124. Con un plugin de Firefox pude saber el color de fondo de esa imagen.
    Si te da problemas quizá por la configuración de colores de Photoshop entonces haz la imagen con fondo transparente, así se adaptará al color de fondo del blog y te evitarás ese problema.

    Lo de "Cargando" insisto que debe ser un problema en la instalación de Shadowbox, prueba cambiar de lugar los códigos, por ejemplo que el de Shadowbox esté primero que otros, revisa que estén bien cerrados los códigos, hasta dar con la solución, así fue como yo igual pude solucionarlo.

    Saludos.

    ResponderEliminar
  125. Lo del fondo he obtado por un color simple de la paleta de photoshop (negro) y ha ido todo bien. Pienso como tú, que debe ser cosa de photoshop ya que el color la conseguí de una aplicacion de de colores en internet.
    En cuanto a la palabreja, tenias razon la culpa de Shadowbox:solucionado.
    Con esto creo que ya voy terminando la actualizacion de mi blog
    Gracias por todo.

    ResponderEliminar
  126. Qué bueno que todo se ha resuelto a tu favor Priamo, saludos.

    ResponderEliminar
  127. Hola Potro, ante todo: Felices Fiestas y mejor 2012!!!

    Te dejo una consulta:
    Tengo el footer dividido en 3 columnas ya que use el diseñador de plantilla, el problema es que al estar hecho con el diseñador las 3 columnas son de igual ancho. Como podria modificarlas?
    Otra complicacion: uso mucho el footer, un elemento que usa todo el ancho, abajo las tres columnas y abajo de estas otro elemento que vuelve a usar el ancho del footer, por lo que simplemente dividirlas en el html seguro sera mas complejo.
    Te dejo el blog para que lo veas: www.ComicCLUB.com.ar

    Una vez mas felices fiestas, un fuerte abrazo y gracias por tanta ayuda :D

    ResponderEliminar
  128. Hola F!X,

    Lamentablemente a esas plantillas no se les puede modificar algunas cosas, sobre todo cuando se tratan de los contenedores de los gadgets, como es el caso de modificar el ancho para alguno o todos ellos :/

    Feliz Navidad y próspero Año Nuevo!

    ResponderEliminar
  129. Hola potro, me gustaria saber como puedo agrandar el ancho del footer que me ocupe toda la pantalla, y si es posible aplicarle una imagen de fondo o personalizarlo, no se si me de a entender.
    Gracias.

    ResponderEliminar
  130. Te has dado a entender perfectamente, pero el footer así como cualquier elemento dentro de la plantilla sólo puede ocupar como máximo el ancho de lo que mide el contenedor del blog.
    Lo que puedes hacer es crear un contenedor DIV antes de </body> y ahí aplicarle los estilos del color y todo eso, pero, no se podrán agregar gadgets ahí, mas bien sería para que coloques algún texto como los créditos.

    ResponderEliminar
  131. y como creo el div? donde lo pongo? que pongo ahi? tengo una plantilla de blogger normal, solo quiero personalizar la parte donde van los creditos, ponerle un fondo y si es posible que ocupe todo el ancho de la pantalla. Algo asi como lo que tienes tu en tu plantilla hasta abajo, donde dice 2010, ciudad blogger. Saludos.

    ResponderEliminar
  132. Antes de </body> como te dije. Un DIV sería como este:
    <div style="width:100%; background:#000; color:#fff; padding:5px;">Este es un texto cualquiera</div>

    Ahí mismo puedes ver que hay estilos de color, fondo, etc.
    Saludos.

    ResponderEliminar
  133. oh, ya entendi potro, me sirvio, gracias man!Saludos!

    ResponderEliminar
  134. Hola Potro!

    Me gustaría poner estas tres columnas en el blog que estoy haciendo para un amigo, pero no tengo la opción de gadget al final, así que no puedo dividir las tres columnas, mi pregunta es si se puede añadir un gadget en el footer y cómo lo hago, para luego seguir este tutorial. Porque no encuentro el código para hacerlo!!

    Gracias!!

    http://probbando.blogspot.com/

    ResponderEliminar
  135. Potro ya lo he solucionado, pero gracias igual!

    Saludos!

    ResponderEliminar
  136. Eso me fijé Mayte, que ya lo tenías resuelto :)

    ResponderEliminar
  137. Hola amigo potro yo otra vez molestandote mira pues me ge fijado en este post pero preciosamente yo no quiero dividir mi footer es mas fien con los creditos de mi plantilla que en fin estan en la parte de abajo mira pues se ve feo esa lina de los creditos bueno al menos a mi me parece fea habra la manera de reducirla de tamaño o suvirla algo asi como esta pagina http://www.unrealmat.com/ si te fijas es la misma plantilla solo que ellos no usan el leer mas pero pues si te fijas ellos tienen a manera de un gadget los creditos y se bien elegante sin esa larga y fea linea de creditos quisiera que me digas si sabes como puedo hacer para q se vea asi mi web es http://mundo-lucha-wwe.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Hola ¢aяℓσѕ-є∂gє-яaтє∂, pon los créditos en un gadget de tu footer, así no se quedarán hasta abajo ocupando todo el ancho del navegador.

      Eliminar
  138. Hola potro gracias uno de los mejores aportes sin duda para la edicion de una plantilla de manera manual,yo lo hice en mi blog sin problemas pero bueno quisiera editarla un poco mas ,pero he intentado editarla como me gustaria y nada mas no me sale ,espero que me puedas ayudar,porfavor.
    Mira quiero paner widgets con el tipo de footer que acabo de hacer (el de este post)pero me gustaria que dicho footer estuviera como el de esta pagina
    http://www.cartoonnetwork.com.mx/#/home
    Que la anchura llene toda la pantalla y eso no lo puedo hacer como se podria editar eso con los widgets que se pusieron en cada columna ? Muchas gracias potro saludo
    http://todito-dinero.blospot.com

    ResponderEliminar
    Respuestas
    1. Hola Luis,
      No es que el footer ocupe toda la pantalla, lo que sucede es que el fondo del footer es el que se extiende por todo lo ancho.
      En las plantillas de Blogger eso es un tanto complicado, pues el footer siempre debe estar dentro del contenedor del blog, el cual no se puede "romper".
      Puedes poner un contenedor antes del </body> y ese sí podría extenderse a todo lo ancho, pero no podrías poner gadgets, sólo texto e imágenes.

      Eliminar
  139. Una pequeña duda: Cómo se pone el fondo transparente en un gadget HTML? Es que mi fondo es blanco, y lo pone con letra (white), no con el código hexadecimal. ¿Cómo lo puedo poner transparente? Gracias

    ResponderEliminar
    Respuestas
    1. Si es sólo un gadget sólo aplica los estilos para ese gadget:
      #NOMBRE {
      background: none;
      }

      Pero si la sidebar tiene un color de fondo entonces habría que poner transparente toda la sidebar, pero entonces todos los gadgets se pondrían transparentes.

      Eliminar
  140. Hola, vuelvo a tu blog en busca de ayuda... Es un tema puramente estético. En el blog que estoy haciendo, el pie de página se ve enorme. Intenté cambiarlo con un div style dentro del gadget pero en IE no se veía bien, así que opté por cambiar el fondo del color que quería y dejar el gadget en fondo transparente, pero se ve súper grande. Yo busco un pie de página con un height de unos 50px. He buscado por la plantilla HTML pero no encuentro dónde cambiar-modificar esto. Espero que puedas ayudarme!!! Gracias otra vez!

    ResponderEliminar
    Respuestas
    1. Hola Berta,

      Quizá lo que puedes hacer es lo mismo que esta entrada, sólo que en lugar de aplicar un margin-top, aplicarías un margin-bottom

      Saludos.

      Eliminar
    2. Lo he intentado pero en IE se suprime la propia información. Es el footer del mismo contenido de color granate quien suma más espacio después del gadget, cosa que no entiendo por qué...

      Eliminar
    3. Entonces aplica el margen negativo sólo a ese gadget:


      #Text1 {
      margin-bottom: -50px;
      }

      Eliminar
  141. Eres un fenómeno Potro!

    Me ha salido a la primera sí señor! un abrazo crack

    ResponderEliminar
  142. Potro, los otros dias te pedia un pattern para uno de los blogs, para que se viera una sobra, bueno ahora no quiero que se vea esa sombra en otro blog, y desde diseñador de plantillas puse todo en transparente y se sigue viendo. Desde la cabecera hasta la entrada se ve esa sobra gris, yo quiero que se vea el fondo negro este es el blog

    http://mbteamranelagh.blogspot.com/ ( que estoy haciendo)

    ResponderEliminar
    Respuestas
    1. Busca esta parte y elimina lo que está en negrita:
      .content-outer {
      background: $(content.background);

      -moz-border-radius: $(content.border.radius);
      -webkit-border-radius: $(content.border.radius);
      -goog-ms-border-radius: $(content.border.radius);
      border-radius: $(content.border.radius);

      -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
      -webkit-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
      -goog-ms-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
      box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

      margin: $(content.margin) auto;
      }

      Eliminar
  143. Potroooooooo graciassss :))))))

    De algun Rincon de este mundo como siempre jajajajaaa

    ResponderEliminar
  144. Hola mi amigo [ El Potro ]

    Gracias por tus aporte espero que me pueda ayudar.

    Me gustaría el poder tener un "gadget" cómo lo indica la flecha azul de la imagen pero tan bien en la parte de abajo dos pequeños, cómo lo indica tu tutorial pero la ubicación es en la parte superior de mi Blog.

    Imagen: (http://img1.imagilive.com/0312/Dividir_Gadget.png)

    Gracias por tu ayuda.!

    ResponderEliminar
    Respuestas
    1. Hola BDJMarcelo, ese es el crosscol, y en esta entrada puedes ver cómo dividirlo:
      http://ciudadblogger.com/2011/05/dividir-el-crosscoll-del-blog.html

      Saludos.

      Eliminar
    2. Gracias amigo [ El Potro ]

      Es lo que buscaba.!

      Eliminar
    3. Hola El Potro, mi blog http://grupoblogin2.blogspot.com/ tiene el footer de color azul, a mi lo que me gustaria hacer es esto: http://dl.dropbox.com/u/11723636/Footer.png como puedo hacerlo, si quiero que tenga un fondo gris y no azul como el footer y que tenga tres columnas. Abajo de este que aparezca el footer azul y arriba el blog con el fondo blanco (actual).
      Gracias

      Eliminar
    4. Hola Josep-Pepe, en esas plantillas no es posible, las secciones de gadgets son muy limitadas, yo he tratado de agregar más secciones como otro footer encima de ese y aunque no me da error simplemente no aparece el cambio, ya que al guardar desaparece el código que se agrega :/

      Eliminar
  145. Consulta: aclaro no se si estoy en la sección correcta, quisiera dividir el fondo del blogger no se si se entiende... por ej. en la parte de arriba 1 imagen por ejemplo nubes, en el medio dejar un color de fondo q degrade con las nubes de arriba por ejemplo un celeste y en el fondo tierra como si fuera un pie de pagina para cuando llegan al final del blogg. se entiende mas o menos lo que quiero? :) espero que si! tremendo ciudadblogger! unos genios!!! Saludos!!!

    ResponderEliminar
    Respuestas
    1. Creo entender el concepto, pero usualmente ese tipo de plantillas tienen esas características desde el momento que se crea, pues en base a esas características es como se crea la estructura de la plantilla.
      Lo que puedes hacer es simular ese efecto al menos en la parte de arriba. Eso se hace poniendo en el body { una imagen de fondo que no se repetirá hacia abajo, de modo que dará la impresión que la imagen de arriba es un contenedor distinto. El estilo de esa imagen en el body sería así:

      body {
      background: #fff url(URL de la imagen) repeat-x;
      }

      Eliminar
  146. Potro. Tengo un problemita, no encuentro el div id='footer-wrapper'
    Mi plantilla ya esta dividida pero yo lo que necesito es un gadgets más debajo de los 3 que ya tengo. El Gadgets debe ser grande porque necesito poner una imagen.
    Disculpa las molestias, muchas gracias desde ya!

    ResponderEliminar
    Respuestas
    1. Revisa debajo del <div class='bottomcover'> parece que debajo están las secciones de gadgets que corresponden a esa área.

      Eliminar
  147. Potro, me gustaría cambiar el tamaño del pie de foto del footer (debajo de las fotos), pero no lo consigo...qué código tengo q añadir?

    (es en el blog www.blogexquisit.com)

    muchas gracias,

    ResponderEliminar
  148. Potro, ya está, lo arreglé entrando con el boton derecho del raton...gracias!

    ResponderEliminar
    Respuestas
    1. Llegué tarde, pero qué gusto que hayas sabido cómo resolverlo :)

      Eliminar
  149. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  150. Hola Potro necesito tu ayuda, ubico la linea b:section-contents id='footer-1'/ en la plantilla y la cambio por la que propones y me sale el siguiente error: "No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: The element type "b:section-contents" must be terminated by the matching end-tag ""." Como lo arreglo gracias nuevamente

    ResponderEliminar
    Respuestas
    1. Hola Hector, quita cualquier gadget que tengas ahí, luego intenta de nuevo pero asegúrate que al hacer el cambio no elimines nada de más.
      Saludos.

      Eliminar
    2. Gracias Potro pero en mi blog tengo abajo el menu expandible y en la plantilla me sale en el footer, me quedo con la idea para otro blog, graciassss

      Eliminar
  151. Hola potro, una consulta: quiero poner de un color mi footer de asesoramientoconsorcios, pero sólo me marca el ancho del blog 950px y no todo a lo largo de la pantalla, como está en la cabecera y abajo de todo, donde están los diseñadores, cómo hago para que el color que le cargo esté todo a lo ancho de la pantalla y no sólo el ancho del blog? y lo mismo para ponerle un header al footer...para que quede todo a lo ancho de la pantalla y no sólo el ancho del blog...gracias!!!

    ResponderEliminar
    Respuestas
    1. Hola, mira esta entrada de Karla:
      http://www.compartidisimo.com/2012/04/truco-para-que-el-ancho-de-un-elemento.html

      Eliminar
    2. hola!!! le agregué el mínimo en el body, pero sigo igual...no sé qué hacer!!!! Tan complicado es????

      Eliminar
    3. Puede ser complicado según la plantilla, casi siempre tienen esas características cuando son creadas y son diseñadas así en su estructura. Esto es porque un elemento (en este caso esa parte del footer) no puede salirse del contenedor principal.

      Se podría solucionar con una imagen de fondo en el body, pero el problema es que la plantilla ya usa una imagen de fondo para la parte de arriba, así que no veo más opciones.

      Eliminar
  152. Hola potro, esto se puede poner en una plantilla instalada? porque en la mia no encuentro lo de footer-wrapper....jajaja y como te comenté en otra entrada, quiero cambiar mi footer, y estoy buscando opciones...gracias!

    ResponderEliminar
    Respuestas
    1. Debe de poderse, sólo es cuestión de que identifiques cuál es el footer de tu plantilla y realices los cambios que se indican.

      Eliminar
  153. ola me podrías decir como poner una imagen en el footer gracias
    mira aquí hay un tutorial http://diverforos.foroactivo.com/t94-agregar-imagen-al-footer-del-blog pero no se llegar a eso de multi blog y lo que sigue gracias por favor responderme a cristiancmt12@hotmail.com

    ResponderEliminar
    Respuestas
    1. Depende cuál sea tu plantilla CRISTIAN, no todas las plantillas son iguales, ese tutorial no es para Blogger.

      Eliminar
  154. Ya tengo el footer dividido en 3 partes. Pero me falta la zona de añadir gadget final, el grande del final.

    Me pudieras decir como hacer sólo para añadir el último bloque?

    Gracias Potro, gracias de verdad

    ResponderEliminar
    Respuestas
    1. Si usas una plantilla antigua de Blogger entonces el código ya incluye otra área ahí, pero si usas una plantilla del Diseñador entonces mira lo que dice la entrada:

      "Con eso estará dividido el footer en tres columnas. No se verá la columna extra hasta abajo que se aprecia en la imagen de ejemplo pues en el caso de esas plantillas los gadgets pueden arrastrase arriba de los créditos y funcionará de igual manera."

      Saludos.

      Eliminar
  155. Hola, utilizo la plantilla Awesome Inc. y quiero hacer que cuando me meta en una pagina estática de mi blog desaparezca la columna de sidebar y que la zona de entradas ocupe el ancho del blog. La columna sidebar si he conseguido que desaparezca pero no que la entrada se ensanche.

    ¿Podrías decirme como se llama la sección de las entradas para aplicarle este truco?

    gracias

    ResponderEliminar
    Respuestas
    1. Hola jocargali, mira estas dos entradas, con ellas te aclararás:
      http://ciudadblogger.com/2010/10/ocultar-sidebar-en-las-paginas.html
      http://ciudadblogger.com/2011/01/ocultar-gadgets-y-elementos-en.html

      Eliminar
    2. Hola El Potro, la plantilla que utilizo es Awesome Inc. y parece hacerlo todo menos centrar el #main lo agranda pero se queda donde está. He probado poner "#main {float: center; width: 960px;}" pero nada.

      Gracias.

      Eliminar
    3. No he comprendido bien, necesitaría ver la entrada o página donde lo has hecho.

      Eliminar
    4. pues mira como queda http://todogadgetsblogger.blogspot.com/p/mapa-del-sitio.html

      Eliminar
    5. No has seguido todos los pasos de la entrada, lee el post completo, verás que te hace falta un margen. Cualquier otra duda al respecto la vemos en esa entrada.

      Eliminar
  156. ola potro yha quiero agregarle un foter xon 3 divisiones como lo ago
    http://clubautocad.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Podrías agregar debajo de <div id='footer'> un código como el del comentario #96

      Eliminar
  157. Buenas tardes, Potro:
    Una pregunta, no sé si vaya en esta sección, pero ¿cómo le hago para bajar más el footer de la plantilla? es que inmovilicé la sidebar, sólo que ahora al colocar varios gadgets en esa parte, se amontonan. Quisiera bajar más (pensando que esa es la solución) el footer, para crear más espacio y que los gadgets no se amontonen. Mi blog es rs.org.mx. Como siempre muchas gracias por tu ayuda.

    ResponderEliminar
    Respuestas
    1. Hola Goku, ¿en dónde se amontonan los gadgets? Es que no veo nada mas que una bandera en la sidebar. Pon gadgets donde tengas el problema para que pueda entender qué sucede.

      Saludos.

      Eliminar
    2. Gracias por responder, Potro:
      Decidí quitar esa función de sidebar fija por el momento. Si vuelvo a activarla ya te molestaré. Saludos.

      Eliminar
  158. Muchas gracias viejo, impresionante el trabajo que haces. SAludos

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger