Dividir el crosscol del blog

9 de mayo de 2011 270 comentarios ,
El crosscol es esa área debajo de la cabecera en la que la mayoría de las veces añadimos un menú horizontal, aunque muchas otras veces queremos que nos rinda más ese espacio para añadir más gadgets y la mejor forma de hacerlo es dividir el crosscol del blog para que pueden entrar más gadgets en una fila, es decir, que si originalmente se ve así:


Con las respectivas divisiones pueda verse así:


Empecemos, lo primero es entrar en Diseño | Elementos de la página y cerciorarse que no haya ningún gadget en esa área, si tienes alguno lo mejor es moverlo a la sidebar u otro lugar momentáneamente, ya después podrás ponerlo de nuevo ahí, sólo tienes que arrastrarlo y soltarlo en el lugar donde lo quieras mover.

Ya que está libre esa área entonces vamos a Diseño | Edición de HTML y SIN expandir los artilugios busca este código:
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol'/>
</div>

O si usas una plantilla del Diseñador de Plantillas de Blogger entonces busca este código:
<div class='region-inner tabs-inner'>
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes' />
<b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
</div>

Cualquiera de esos códigos que tengas elimínalo y en su lugar pon este:
<div class='region-inner tabs-inner' id='crosscol-wrapper' style='text-align:center'>

<div id='crosscol0' style='text-align: center; padding: 5px;'>
<b:section class='tabs' id='crosscol-superior' preferred='yes'/>
</div>

<div id='crosscol1' style='width: 33%; float: left; margin:0; padding: 5px;'>
<b:section class='tabs' id='cross1' preferred='yes' style='float:left;'/>
</div>

<div id='crosscol2' style='width: 33%; float: left; margin:0; padding: 5px;'>
<b:section class='tabs' id='cross2' preferred='yes' style='float:left;'/>
</div>

<div id='crosscol3' style='width: 33%; float: right; margin:0; padding: 5px;'>
<b:section class='tabs' id='cross3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>
Guarda los cambios y listo, puedes ingresar a Elementos de la Página y ya podrás ver tu crosscol dividido en tres partes.
Si quisieras que sólo estuviera dividido en dos y no en tres partes entonces elimina el código en color gris, y cambia los 33% que están a los lados por 49%
Fácil y rápido ¿no?


270 comentarios en:

" Dividir el crosscol del blog "

  1. Wow! Potro como siempre muy utiles tus tutoriales... Y Claro siempre es util un espacio de mas ........

    ResponderEliminar
  2. Me ha venido de maravilla, estaba buscando algo para hacerlo y no daba con ello.
    Gracias Potro.

    ResponderEliminar
  3. muy bueno Potro jejej ya se te habia olvidado escribir sobre lo básico de las plantillas

    ResponderEliminar
  4. Que buenisimo =P le servira a varios esto, pero se puede personalizar? por decir colocarle fondo? todo eso...
    Saludos =)

    ResponderEliminar
  5. Sergio Molina, al espacio nunca hay que decirle que no :)

    SUNY SENABRE, ojalá obtengas los resultados esperados!

    ResponderEliminar
  6. Bueno pss ay uqe probarlo!! Gracias POTRO!!!

    ResponderEliminar
  7. HOLA POTRO, SERÍA POSIBLE QUE, SOLAMENTE EL CONTENIDO DE UNA ENTRADA (Y NO EL RESTO DEL BLOG) APAREZCA EN UN VENTANA EMERGENTE CUANDO HACES CLIC EN EL ENLACE DE UN MENU.
    SI PUEDES MIRAR EN EL BLOG, EN CRITERIOS DE CALIFICACIÓN .
    MUCHAS GRACIAS. UN SALUDO
    http://iesagustindebetancourt.blogspot.com/

    ResponderEliminar
  8. Hola Miwel,

    Claro que sí, puedes cambiar los estilos si lo deseas, sólo agrega antes de ]]></b:skin> esto:

    #crosscol-wrapper {
    background: #ccc;
    }

    Ahí puedes agregar más estilos si lo deseas.
    Si usas una plantilla del Diseñador de Plantillas y no quieres que conserve los estilos predeterminados entonces necesitarás seguir los pasos de esta entrada.

    ResponderEliminar
  9. Kron, no se me olvida, sólo que muchas veces tengo posts que me han pedido, como este mismo :)

    Microboy90, a ti por tu visita!

    matiasascanio, no porque en sí el blog es parte de un todo, si las entradas fueran un documento HTML aparte sí se podría pero son parte de todo el blog y por lo tanto tiene que abrir y cargarse el blog entero.

    ResponderEliminar
  10. :OOOOOOOOOOOOOOOOOOOO es el footer(algo asi) pero arriba.
    muy bueno aporte.
    un saludo man ;D

    ResponderEliminar
  11. Excelente el post, y muy útil, un día de éstos lo aplico.

    ResponderEliminar
  12. wahhajaja deverias darme los creditos porque yo te pregunte como hacer eso hajajaj saludos bro gracias lo guardare en marcadores

    ResponderEliminar
  13. Muy util potro!!! te tengo otro post que si deseas con el tiempo podrias iplementar en tu blog:

    Seria muy util saber el codigo para eliminar cookies almacenadas en los pc de los visitantes de tu blog, en este caso seria para ponerlos en algo asi como un blog de inicio de sesion o uno en el que no deseas que quede rastro de lo que un visitante hizo en él cuando salga del navegador o de click en Cerrar Sesion...

    Es que lo busque por todaaa la web y no encontre nada bueno, pero tengo esperanzas que algun dia lo publiques... estoy pendiente cuando publiques algo asi o similar...

    Dios te bendiga potro por tu apoyo con todos los Bloggeros que como yo sobrevivimos de esto!!!.... Suerte Viejo!!!!

    ResponderEliminar
  14. en esas tres "particiones" se puede colocar entradas populares, reciente y comentarios pero poniendo una fuente pequeña, es que yo tengo un tema de blogger y cuando cambio el tamaño fuente se cambia el de todo. Y me gustaria que en esas 3 particiones salieran esos gadgets así como comprimidos por eso digo lo de poner una fuente pequeña. Sino me entiendes dimelo jajajaja.

    ResponderEliminar
  15. DJCosplay, parecido al footer pero no :)

    Diego Ponce, Adrytda, gracias!

    MCarlitooH2, tú y otras 30 personas más, jajaja

    ResponderEliminar
  16. Hace días me había preguntado si esto se podría hacer y ahora vienes a resolverme la duda. Excelente trabajo Maestro. Y si quisiera que tuviera cuatro o cinco espacios cómo sería?

    ResponderEliminar
  17. Hola que tal, me encanto tu post, pero ahora que lo mencionas como haria para dividir el header en 2 partes de tal manera que se pueda colocar un banner de adsense de 728x90 y el otro para el banner de mi blog.

    Saludos,
    Gracias por tu ayuda

    ResponderEliminar
  18. Circulo W.H., sobre ello no creo publicar nada pues se sale un poco del tema Blogger, pero al menos en la red hay mucha info al respecto :)

    pos_ch, probablemente añadiendo una fuente pequeña en los estilos del crosscoll. Mira el comentario #8 ahí podrías agregarle:
    font-size:9px;

    ResponderEliminar
  19. Hola Walter,

    Entonces antes de <div style='clear:both;'/> agrega otro código como el gris, o sea como este:

    <div id='crosscol4' style='width: 33%; float: left; margin:0; padding: 5px;'>
    <b:section class='tabs' id='cross4' preferred='yes' style='float:left;'/>
    </div>

    Eso agregará otro espacio para gadgets; si quisieras puedes añadir otro como ese pero toma en cuenta que por cada uno que agregues deberás cambiar los IDs que están en negrita, nunca deben ser iguales.
    De igual forma deberás cambiar los 33% por otro valor más pequeño para que todos se ajusten y quepan a lo ancho del blog.

    ResponderEliminar
  20. Hola Potro.
    Siempre poniéndonos deberes... a ver que me invento yo para poder ponerlo en práctica ;)
    Un saludo y gracias de nuevo.

    ResponderEliminar
  21. Hola delaPTM,

    Ya hay una entrada que habla sobre cómo dividir la cabecera del blog.

    Saludos.

    ResponderEliminar
  22. Hola POTRO:
    Échale un vistazo a mi blog no localizo lo que dices, intento enviartelo y no me deja.
    http://franciscoadame.blogspot.com/

    Me gustaría aplicar esto a mi blog.
    Saludos

    ResponderEliminar
  23. hoo.. genial, lo mejor es que ademas se puede utilizar en cualquier parte de la plantilla.

    ResponderEliminar
  24. Wow Potro! Eres un maestro fuera de serie, en verdad... Pensé que no lo lograría jeje :D ...
    Ahora, eso mismo pero ponerlo al pie de página... se puede?... ¡Mil gracias maestro! :)

    ResponderEliminar
  25. potro quisiera que veas mi blog y ver si puedes decirme como poner una linea separadora en el lado izquierdo de inicio en el menu? solo al menu porque si pongo border-left se les agrega a todos.. un saludo!

    ResponderEliminar
  26. Tapestryworkerman, algo se te ocurrirá ;)

    FRANCISCO, debes de buscar la que es para las plantillas hechas con el Diseñador de Plantillas, busca la primera línea de ese código y te será más fácil encontrar el resto.

    Alcion, casi en cualquier parte :)

    ResponderEliminar
  27. alore67, probablemente sí, pero mejor después publico algo para esa área ;)

    PokerPRO, pues si se trata de un menú entonces sí se aplicará el estilo a todos los items :/

    ResponderEliminar
  28. Hola Potro, yo le agregue (con tus instrucciones) otra zona para colocar otro Gadget adicional en la cabecera, la pregunta es, al colocar esa zona dividida, se elimina el anterior que agregue?

    ResponderEliminar
  29. Potro buenisimo, me re fue util. una sola preguntita, para cambiarle el fondo de la descripcion de los gadgets. esa nomas kiero saber, ya que en mi blog aparece transparente!

    ResponderEliminar
  30. Hola Potro. Gracias, eso buscaba! Nada más que me salieron un montón de espacios (y el tercero muy abajo. Mira, así se ve en Diseño: http://img269.imageshack.us/img269/7353/acdiseo.jpg
    Antes lo tenía tal como se ve en la primera imagen que pusiste de muestra. Por qué será? No me quejo porque me sirve aún más :D
    Un abrazo!

    ResponderEliminar
  31. artedigitalmcy, no, la cabecera es una zona diferente al crosscoll, bien puedes tener el crosscoll dividido además de la cabecera y no pasa nada ;)

    free, mira el comentario #8

    AC, prueba reduciendo los 33% que aparecen en los códigos, con un valor más bajo como 30% podría solucionarse.

    ResponderEliminar
  32. Gracias Potro, me costó encontrar el código, es decir no apareció, simplemente ingrese el nuevo sin quitar nada y afortunadamente me funcionó. Saludos cordiales. Tumbas de Famosos

    ResponderEliminar
  33. Hola Potro:
    La primera y segunda linea la tengo pero después tiene otra extrucctura mira mi blog.
    Saludo

    ResponderEliminar
  34. Potro, qué bien me va a venir esto!. Muchas gracias!!!!
    Un besote

    ResponderEliminar
  35. Hola de nuevo Potro:
    Logre encontar lo buscado pero era diferente por tener el Menu alojado, el cual queda ahora partido y me gustaria tener un gadget encima de las entradas para alojarlo.
    Un Saludo

    ResponderEliminar
  36. Julia Letrán, seguro tu plantilla no lo traía pero sí, colocándolo también funciona sin problemas :)

    FRANCISCO, recuerda que primero debes quitar cualquier gadget que tengas ahí, sino lo quitas entonces verás líneas de códigos extras.

    Laube, gracias por el beso!

    ResponderEliminar
  37. hola potro k ria saber como acer un mapa del sitio para o sitemap mi blog pero no me aclaro con lo del http://ciudadblogger.com/2009/09/crear-sitemap-o-tabla-de-contenido-para.html me lo podrias explicar tu por favor.

    ResponderEliminar
  38. Hola Potro:
    Se puede incorporar un gadget en la parte inferior al 100% sin dejar de tener los del 33%.
    Saludos

    ResponderEliminar
  39. Gracias , maravilla el póst, potró
    mira como me quedo mi blog.

    www.music-lifevip.tk

    ResponderEliminar
  40. hola Potro!!!

    ¿¿Puedo poner el menu marquesina de mi blog como cabecera o justo debajo de la misma, pero ocupando todo el ancho???

    Gracias

    ResponderEliminar
  41. Hola FRANCISCO,

    Para poner otro gadget extendido debajo de los tres divididos agrega antes de esta línea:
    <div style='clear:both;'/>

    Lo siguiente:
    <div id='crosscoll-bottom' style='text-align: center; padding: 5px;'>
    <b:section class='tabs' id='crosscoll-inferior' preferred='yes'/>
    </div>

    Saludos.

    ResponderEliminar
  42. hola potro hoy tengo una duda que me tiene amreado.
    le cuento compre un dominio .com en http://www1.mex.tl y desde ahy se edita y la verdad no entiendo nadaa de eso nose como añadir gadges nose como meter scrip es un complique nose nada de eso nose si eso se pueda pasar a blogger y maniipularlo desde ahy es que es muy comlicado mira esta seria la web mira http://www.videoparceros.com/

    ResponderEliminar
  43. Pokelevel, entonces deja tu duda en esa entrada con los detalles del problema que tienes.

    lucho, qué bueno que te ha gustado!

    Gorka, si la plantilla te lo permite sí, sólo sería arrastrar el gadget y ponerlo en el lugar que quieres.

    ResponderEliminar
  44. Hola de nuevo:
    Me agrega los tres gadget abajo de los texto y en la parte arriba en elementos de pagina se superponen los gadget. Y no me añade uno extensible.
    He repasado y no tengo nada repetido y esta todo bien, pero falla algo.
    Saludos

    ResponderEliminar
  45. posteador web si lo que querías era solo un dominio entonces lo único que necesitas es configurar el dominio para que funcione en Blogger. De paso mira esta entrada.

    FRANCISCO, entonces arriba de lo que has agregado añade esta línea:
    <div style='clear:both;'/>

    ResponderEliminar
  46. Hola otra vez Potro:
    Puse div style='clear:both;'/, y se elimino los gadget superpuestos.Pero no consigo el extensible he probado colocando lo también antes del cogido de extencion que me diste y tampoco. Y no quedan tampoco los tres arriba.
    En elementos de pagina me queda uno y los de la derecha que están por su diseño. Si deseas mándame un email, lo tienes en mi blog y te envió copia de mi plantilla.

    ResponderEliminar
  47. Hola potro.
    Disculpa la molestia quisiera ver si me puedes ayudar tengo un blog y e creado en las pestañas un foro pero al entrar no hay nada entonces lo que yo quiero es de que los visitantes al hacer clic en foro sean redireccionados a un foro externo.
    no se si me comprendes lo que digo.
    Bien espero tu respuesta amigo mio.

    ResponderEliminar
  48. Hola FRANCISCO,

    No es necesario pues lo he probado en la misma plantilla que usas y funciona perfecto. Lo único que tienes que hacer para añadir un área extra de forma extendida es poner justo arriba de:
    <div style='clear:both;'/>

    Lo siguiente:
    <div style='clear:both;'/>
    <div id='crosscoll-bottom' style='text-align: center; padding: 5px;'>
    <b:section class='tabs' id='crosscoll-inferior' preferred='yes'/>
    </div>

    ResponderEliminar
  49. Merida07, quizá lo único que tienes que hacer es que donde pusiste en enlace a la pestaña Foro que no enlace a ninguna página del blog sino que enlace directo al foro que quieres.

    ResponderEliminar
  50. Hola, Bueno Potro; lo que pasa es que antes le había agregado una sección adicional a la cabecera y en ese momento si mal no recuerdo, tuve que quitar y reemplazar, ahora cuando busque la sección que debo eliminar esa parte no termina como lo dices arriba sino así:
    div id='crosscol-wrapper' style='text-align:center'>




    /b:section
    /div
    se parece pero no son iguales, porque antes del Div final tiene otros códigos agregados, no se cuales quitar y cuales dejar.. gracias de antemano. wwww.artedigitalmcy.blogspopt.com NOTA le quite los corchetes de los DIV al final porque no me dejaba enviarlo

    ResponderEliminar
  51. Recuerda que antes de hacer la modificación debes quitar cualquier gadget que tengas en esa área, sino lo haces entonces verás códigos extras que no son los que se mencionan en el ejemplo, además de que podrías correr el riesgo de perderlos. Es por eso que primero debes despejar esa área.

    ResponderEliminar
  52. hola potro: una consultica si uno tiene un dominio osea una pagina web ya de hace 3 meses y uno tiene un blog uno puede ponerle ese dominio a el blog y eliminar la pagina web ??

    ResponderEliminar
  53. Gracias Potro, pero la plantilla no me deja ponerlo arriba. Si divido la cabecera???

    gracias

    ResponderEliminar
  54. Hola de nuevo Potro:
    He probado a poner lo que me dice y me sale el mensaje este y he desistido en hacerlo este es:

    "Se ha encontrado más de una sección con el ID: crosscoll-inferior. Los ID de sección deben ser exclusivos."
    Que he de hacer.
    Un Saludo

    ResponderEliminar
  55. posteador web, si tienes acceso al área de configuración de DNS del dominio sí puedes configurarlo para que funcione en un blog.

    Gorka, mira esta entrada, ahí hay algunas opciones para poner gadgets debajo de la cabecera, seguro alguna de ellas te funciona.

    FRANCISCO, es que no debes poner de nuevo el código pues lo estarías repitiendo, sólo revisa que lo has puesto como te he indicado en el último comentario, si ves que a tu código le falta algo de lo que se menciona ahí lo agregas pero no lo repitas o te marcará esos errores.

    ResponderEliminar
  56. Hola de nuevo Potro:
    Lo he incorporado pero no me crea el gatged extendido. Solo tengo dos en vez de tres.Igual que antes.
    Saludos

    ResponderEliminar
  57. Hola potro te escribo pero es sobre otro tema, como hago para que cada vez que quiera crear una entrada esta ya se encuentre con un codigo html ya incrustado, tengo un codigo que siempre querio que aparesca al crear una entrada, pero o se como hacer para que siempre aparesca automaticamente, se que es posible por que en un blog donde publico mis peliculas ya esta asi, blog donde publico:

    http://www.cinelatino829.com

    Gracias

    ResponderEliminar
  58. Eres un re capo!!... mira: http://www.rmmusica.com.ar/ toda esa web esta hecha con tutos exclusivos de aca... mirala... de a poco la estoy "estetizando" (Unificando fuentes y colores etc...) ahora hay un truco que no me funciona que es este: http://gemablog-.blogspot.com/2009/04/ocultar-post-en-la-pagina-principal.html y es lo unico que me falta por ahora para hacerla mas interesante a mi blogs... o sea. HACER CLIC EN ENLACES Y TE MUESTREN LOS ARTICULOS QUE PUBLICAS EN ESA SECCION Y QUE LA HOME NO MUESTRE LOS ARTICULOS QUE PUBLICAS A MENOS QUE QUIERAS... SE ENTIENDE??? TRABAJA EN ESO CAPO. Y GRACIAS POR TOOOOOODOOOOOO!!!!!!!

    ResponderEliminar
  59. Hola Potro

    Tengo una duda, he dividido coo dices en este tutorial el crosscoll pero en mi caso en dos partes, así que he cambiado el porcentaje al 50% y todo perfecto, hasta ahí todo bien.
    Cuando voy a Diseño/Elementos de la página se ve la nueva división doble y que están alineados a la misma altura, en cambio cuando añado a un lado el gadget de seguidores y en el otro lado una imagen (de momento he puesto una imagen pero tengo intención de colocar el slider Orbit de Jquery) se descoloca y cada uno se pone a una altura. Aquí puedes ver de lo que te hablo, te adjunto un pantallazo
    http://imageshack.us/m/834/464/problemaplantilla.png

    Se que el problema tiene que estar en mi plantilla, en alguna anchura que no está como debe de estar pero lo he buscado y no lo encuentro, además mis conocimientos de html son bastante bajos, podrías ayudarme??

    Muchas gracias de antemano

    ResponderEliminar
  60. Gracias potro. Ya te escribí tiempo atrás preguntando por esto. Cumplisteeeeeeeee

    ResponderEliminar
  61. FRANCISCO, entonces te está faltando algo nuevamente. Empieza de cero como si fuera la primera vez que lo harías, luego que ya tengas el crosscoll dividido en tres partes sigue con los pasos del comentario #49

    FarStar, entra en Configuración > Formato, y en 'Plantilla de entrada' escribe el código que siempre usas y guarda los cambios, con eso las nuevas entradas que redactes tendrán el código que ingresaste.

    ResponderEliminar
  62. RM Musica, sobre ello no sabría explicarte pues nunca lo he hecho, pero estoy seguro que si le preguntas a Gem@ quien es quien escribió esa entrada seguro te ayudará con mucho gusto :)

    Make-up by Maryland, lo que sucede es que nunca debe alcanzar el 100% todos los contenedores divididos pues al hacerlo se sobre pasa el ancho del blog ya que no estás considerando los espacios de margin y padding. Pon los contenedores al 49% o 48% y deberá solucionarse el problema.

    anibal gutierrez, lo prometido es deuda :)

    ResponderEliminar
  63. No conozco ese slider pero a simple vista parece que en esta parte se controla la velocidad:
    delay: 11000,

    Supongo que debe ser el tiempo en milisegundos.

    ResponderEliminar
  64. Hola potro.. otra vez.. le coloque los 3 espacios para colocar gadget, pero el del lado derecho me quedo un poco mas abajo, no se porque..., me ayudas.. gracias

    ResponderEliminar
  65. ¿En dónde lo has puesto? ¿probaste reduciendo los 33% a un valor más bajo?

    ResponderEliminar
  66. Hola Potro!
    Aquí yo molestando nuevamente.
    Te quería hacer una pregunta que no tiene nada que ver con esta entrada, aunque el truquillo esta excelente y de seguro lo utilizaré en algún momento.

    Desde hace días que no me andan bien los gadgets de HTML de mis blogs, los quiero modificar o agregar nuevos y no puedo, hago todo tranqui, voy a apretar 'Guardar' y no pasa nada de nada. Pero los botones de 'Cancelar' y 'Eliminar' si que andan. Y me pasa solo con los gadgets de HTML. ¿Soy solo yo o le anda pasando a alguien más? ¿Qué demonios será lo que pasa?

    ResponderEliminar
  67. Hola Potro.
    ¿Hay alguna manera de eliminar la marca de agua de el motor de búsqueda personalizada de google?
    Mi buscador lo puedes ver aquí

    ResponderEliminar
  68. Hola de nuevo.
    Creo que el problema es que no lo tengo bien ubicado todo. Mira mi plantilla a ver si llevo razón y dime donde ubicarlo.
    Gracias

    ResponderEliminar
  69. Javi, si es del Motor de Búsqueda Personalizada me temo que no...

    ResponderEliminar
  70. FRANCISCO, parece que te sigue faltando un código, arriba de
    <div id='crosscoll-bottom' style='text-align: center; padding: 5px;'>

    Debe ir esto:
    <div style='clear:both;'/>

    ResponderEliminar
  71. mmm. y como se hace lo invertido que se divida el footer quiero decir como por ejemplo aqui en tu web donde esta el logo de ciudadblogger

    ResponderEliminar
  72. Hola Potro!!
    Te había escrito ayer pero se ve que con todo este lío con blogger se borró mi comentario xD

    Te quería preguntar lo siguiente: sucede que desde hace más de una semana no me deja editar ni agregar gadgets de HTML a ninguno de mis blogs, hago todo como siempre pero el botón de 'Guardar' en la ventana de los gadgets no me anda, no reacciona, no pasa nada de nada, y 'cancelar' y 'eliminar' sí que andan... Me pasa esto solo con los gadgets de HTML. Estoy de los pelos, no hice nada raro, me pasa solo a mi? blogger se enojó conmigo? jajja xD Si pudieras darme una mano te lo agradecería mucho :)

    Por cierto, este truco que subiste está buenísimo, de seguro lo utilizaré en algún momento :)

    Saludos y gracias!

    ResponderEliminar
  73. Buenisimo Potro me gusto y lo incluire a mi blog.Gracias ;)

    ResponderEliminar
  74. Que tal, no se si habrá publicado mi pregunta ya anteriormente, ¿Si deseo que este dividido en la parte inferior?

    ResponderEliminar
  75. AdminPrime, no sé si te refieres a la cabecera o al footer, si es a la cabecera mira el comentario #22, si es al footer después haré una entrada sobre ello.

    Annie, pues después de los problemas que tuvo Blogger sería imposible decir si es parte del problema que tiene/tuvo, o si es otra cosa. Prueba hacerlo desde otro navegador, sino funciona tampoco prueba agregar a ese gadget otro código distinto que no sea con el que estás tratando, si tampoco anda intenta en un blog de pruebas.

    Leonardo, saludos!

    PlaylistMusics | Panamá, después publicaré sobre ello.

    ResponderEliminar
  76. hola potro intente hacerlo pero me aparece un 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 "div" must be terminated by the matching end-tag "
    ".

    ResponderEliminar
  77. Saludos Potro...

    Wao, cada vez que entro a "Ciudad Blogger' encuentro la gran mayoría de los trucos que estoy buscando. Esxcelente amigo.

    Ya dividi el "cosscoll" en tres partes, para que veas como quedo entra al blog... y me dices que tal.

    Una pregunta!!! Cómo puedo añadir un área extra de forma extendida pero: ENCIMA DE LA CABECERA. Osea, del logo del blog.

    Mil Gracias por tu constante ayuda para con todos nosotros.

    Abrazos desde Puerto Rico!!!

    ResponderEliminar
  78. Gracias Potro! Ya inserte el código y me pasaba lo mismo que a Edison Urquijo lo que tuve que hacer fue mover el Gadget que tenia arriba para que el código me quedara como el que tienes de ejemplo ya una vez guardado lo ubique nuevamente en su lugar ademas tuve que ajustar a 32% C/U para que no se deformara el mio por ejemplo.

    ResponderEliminar
  79. Edison urquijo, posiblemente te está faltando una parte del código, o al ponerlo has eliminado otro. Cerciórate que elimines sólo la parte que se menciona.

    PlaylistMusics | Panamá, así es, primero se tenía que mover cualquier gadget que hubiera ahí para que no interfiriera, qué bueno que tuviste buenos resultados!

    ResponderEliminar
  80. TVboricua.USA, gracias por tu comentario :)
    Para poner un área de gadgets extendida arriba de la cabecera busca esta línea (SIN expandir artilugios):

    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

    Y arriba de ella agrega esto:
    <b:section id='header-superior' preferred='yes'/>

    Saludos.

    ResponderEliminar
  81. Hola de nuevo Potro:
    Ya lo puse y todo esta igual.
    Saludos

    ResponderEliminar
  82. Que tal potro sauldos.
    Quisiera preguntarte si sabes como hacer para poner una imagen o un texto que diga en el blog EN MANTENIMIENTO o EN CONSTRUCCION
    Porfavor si sabes dime como hacerlo Gracias por tu ayuda amigo.

    ResponderEliminar
  83. Hola amigo, mira ya hice mas ancho la parte de las entradas de mi blog pero ahora hay un problema no se centra el contenido (imagenes texto etc)al nuevo tamaño,

    aqui te lo dejo para que veas

    http://www.zonapuerca.com (solo adultos)

    espero tu ayuda amigo

    saludos

    ResponderEliminar
  84. si potro tenias razon estaba haciendolo mal pero tambien tu codigo tambien estaba mal ¿porque? en el tercer widget pusiste right en vez de left lo que hacia que los 2 primeros widgets queden en una linea y el tercero dedajo en otra asi que cambie right por left para que quedaran los 3 en una sola linea.. potro como siempre gracias por tu ayuda muy util

    ResponderEliminar
  85. otro dato en mi plantilla estos widgets no se ajustan a 33% solo a 32% cada uno

    ResponderEliminar
  86. FRANCISCO, no sé cómo más ayudarte, los pasos que te he indicado yo mismo los he probado en un blog de pruebas con la misma plantilla que usas y ha funcionado sin problemas :/

    Merida07, en este enlace se explica un método muy bueno:
    http://elescaparatederosa.blogspot.com/2009/06/en-construccion.html

    zonapuerca, yo lo veo todo centrado, ¿o a qué te refieres exactamente?

    Edison urquijo , la propiedad right está bien establecida, en la mayoría de las plantillas si se usa ese último como left se acomoda en la parte de abajo, lo mismo sucede cuando se trata de acomodar la sidebar y el main del blog.

    ResponderEliminar
  87. potro pero encontre un problema, que al hacer esto nos veremos obligados a modidicar (borrar) esta linea <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes> al hacer esto los menus que instalamos, algunas de sus caracteristicas dejan de funcionar que debemos hacer para solucionarlo??? gracias por tu ayuda...

    es decir yo quiero tener el menu Sexy Drop Down Menu con JQuery y CSS y al mismo tiempo aplicar esta caracteristica, pero veo que no se podria, tu que dices???

    ResponderEliminar
  88. el problema con este menu (Sexy Drop Down Menu con JQuery y CSS) es que con internet explorer queda pordebajo de las entradas o de los elementos

    ResponderEliminar
  89. Recuerda lo que dice la entrada, antes de realizar esto hay que quitar los gadgets que haya en esa área, puedes moverlos a la sidebar momentaneamente, cuando termines de dividir el crosscoll puedes regresar el gadget del menú a su lugar para que no tengas problemas.

    En cuanto a ese menú efectivamente se trata de una incompatibilidad de las plantillas hechas con el Diseñador de Plantillas de Blogger e Internet Explorer.

    ResponderEliminar
  90. Hola Potro. Tengo un problema. Me gustaría hacer funcionar esta caja de busqueda en mi blog. O si no, aplicar ese CSS a mi actual caja de busqueda (la puedes ver en la parte lateral derecha de mi blog).

    ResponderEliminar
  91. Hola Potro:
    Así quedo, agregue la publicación 76.
    http://franciscoadame.blogspot.com
    Gracias

    ResponderEliminar
  92. Mira fijate en la primer imagen de la primer entrada fijate que del lado IZQUIERDO de la imagen esta mas ancho que del derecho.

    Chacale

    http://www.zonapuerca.com (solo adultos)

    ResponderEliminar
  93. Javi, sobre las entradas de otros sitios no puedo asesorarte, pero seguro podrán hacerlo en el blog donde lo has visto.

    ResponderEliminar
  94. FRANCISCO, la línea que te mencionaba en el comentario #66, es decir, esta:
    <div style='clear:both;'/>

    Debe ir arriba de esta línea:
    <div id='crosscoll-bottom' style='text-align: center; padding: 5px;'>

    Y tú las has puesto arriba de esta otra:
    <div class='region-inner tabs-inner' id='crosscol-wrapper' style='text-align:center'>

    Son muy parecidas pero no lo son ;)

    ResponderEliminar
  95. zonapuerca, sí está centrado, lo que sucede es que ese espacio más ancho que ves es la separación general del contenedor de las entradas, al separarse a la izquierda da el efecto que tuviera un margen mayor ahí, aunque no lo tenga.
    Lo que puedes hacer es establecer un ancho un poco más pequeño para el área de las entradas, eso puedes hacerlo agregando debajo de:
    .post-body {

    Esto:
    width:670px;

    Con eso el contendor se reducirá 30px menos y tendrá una apariencia de centrado.

    ResponderEliminar
  96. eres grande amigo, se soluciono, muchas gracias

    ResponderEliminar
  97. Hola Potro. me encantó tu post, solo una pregunta,
    te adjunto la dirección de mi blog, aún lo estoy diseñando,

    http://mardecoto.blogspot.com/

    si lo miras te darás cuenta que el recuadro de "submit" no esta alineado del todo a la izquierda, aunque en el HTML si está alineado a la izquierda, como puedo hacer para que quede todo alineado

    muchas gracias
    muy bueno y educativo tu blog

    ResponderEliminar
  98. gracias Potro, lo he solucionado!!!!

    ResponderEliminar
  99. Qué bueno que ya lo has resuelto :)

    ResponderEliminar
  100. Potro sin querer borre (anadir un gadget arriba en la cabecera,, quiero saber como lo pongo otra ves! con que cod. http://vagabondcreativity.blogspot.com/

    ResponderEliminar
  101. Hablando de plantillas... te envíe por la pagina de contactos la plantilla que instale, y no se que moví, pero la Galería de imágenes, no termina de cuadrar, antes no se veía completa la parte de abajo, ahora la imagen se congelo y no ruedan.. es curioso porque los cambios lo hice en una computadora y se movían, cuando llegue a la casa en mi computadora no funciono...

    ResponderEliminar
  102. Hola Potro, hoy me deja escribirte, debia tener algun problema. He dividido el crosscoll pero en vez de tres apartados en paralleo, salen dos y el tercero el de la derecha sale desplazado hacia abajo, en los dos en paralelo estan mis mascotas y en el otro yo y en el desplazado un gif de flores que titulo mi jardin, por si quiere ver como queda. He revisado los codijo que pusiste y yo los veo bien. ¿quieres echar un vistazo a ver que ha podido pasar? gracias.

    ResponderEliminar
  103. De nuevo yo Potro, vi el post 88 de Edison e hice lo que el, cambiar right por left, pero entonces se me queda el tercero debajo del primero, no consigo alinearlo con los otros dos, pongo los mis cosas para que veas com quedan de nuevo.
    Gracias.

    ResponderEliminar
  104. Hola Emilieta, hace un par de horas respondí al correo que me enviaste, ahí están las indicaciones que solicitaste. ¡Saludos!

    ResponderEliminar
  105. Muchisimas gracias Potro, con el cambio de 33 a 30, se solucionó, quedó perfetcto. ¡¡ Hay cuanto te hacemos trabajar !! Eres un cielo.

    ResponderEliminar
  106. Ahh, otra cosa, con el explorer-9 no puedo postear aqui ni me salen los seguidores de mi blog, y como no veo la forma de hacerles saber esto a los responsables para que lo solucionen, creo que lo voy a quitar y volver al anterior que no me daba níngún problema. Digo esto por si le ocurre lo mismo a otra persona, los beta tienen estas historias.

    ResponderEliminar
  107. en relación al tema de que salia uno desplazado ya he visto la solución, otra cosa que me ocurre a mi es que no hacia nada cuando reducía el tamaño de las imágenes y ocupaba mucho. Cambié donde decia tamaño alto y ancho pero no pasaba nada no se si la plantilla condicona eso en algo.

    ResponderEliminar
  108. Emilieta, como te mencionaba en el correo Blogger ahora anda con problemas, y lo de los seguidores al igual como lo de los comentarios es parte del problema que se traen, habrá que esperar hasta que lo resuelvan, pero igual mientras tanto puedes quitarlo para no liarte.

    pos_ch, no me queda claro lo de las imágenes, ¿me podrías dar un ejemplo?

    ResponderEliminar
  109. Potro, sos un capo. Inmensamente agradecido.
    Saludos!

    ResponderEliminar
  110. es una pasada pero...el de la derecha se me queda abajo y no se porque es y eso que ya aumente el ancho del blog! garcias

    ResponderEliminar
  111. Prueba bajando los valores en porcentaje (33%) a un valor más bajo, por ejemplo 31%

    ResponderEliminar
  112. hola, potro ,tengo un problema, es que no encuentro los códigos que hay que cambiar para dividir el crosscoll del blog. Ayudame por favor

    ResponderEliminar
  113. ¿En cuál blog no encuentras los códigos?

    ResponderEliminar
  114. en el blog www.alessandrooliviero.blogspot.com

    ResponderEliminar
  115. Estos métodos son únicamente para plantillas originales de Blogger. Esa plantilla no la conozco pero en teoría debe funcionar igual si cambias un código como este:

    <div id='crosscol-wrapper' style='text-align:center'>
    </div>

    Obviamente primero debes quitar cualquier gadget de esa área tal como se menciona en la entrada.

    ResponderEliminar
  116. Hola Potro muy bueno el post.

    Yo quería colocar ésto tal y como lo explicas, solo que querría que el gadget "Páginas" estuviera por debajo del crosscoll, sin que se modificase la forma del gadget "Páginas"

    Saludos y gracias por adelantado.

    ResponderEliminar
  117. Hola Javier S,

    No debe afectarse el estilo de ese o cualquier otro gadget ya que el código añadido contiene el mismo nombre de la clase para que muestre los mismos estilos de siempre.

    ResponderEliminar
  118. Hola Potro! no se si ya lo explicaste en otra entrada,pero necesito saber como modificar la distancia entre elementos. Por ejemplo en la cabecera me queda todo muy separado y si achico esa distancia me parece quedaria mejor.GRACIAS!!!
    www.huertaspeuhec.blogspot.com.

    ResponderEliminar
  119. Hola Vero,

    En esas plantillas aún no sé cómo controlar la distancia entre los elementos, pero quizá puedas alinear la segunda cabecera a la izquierda:

    .header2 {width:450px; float: right;

    Ese right cámbialo por left, y mira si queda bien (esperemos que sí porque no sé qué otra forma puede ayudar)

    ResponderEliminar
  120. Queda mejor gracias!! en algun momento quizas aparezca la solucion.

    ResponderEliminar
  121. Muy buenos trucos, ya implementé un par mi blog: http://www.msnfix.com

    Muchas gracias !!!!

    ResponderEliminar
  122. Hola, puse en practica este truquito, pero antes de esto yo estaba usando otro,"Poner imagen en los títulos de los gadgets",y desaparecieron las imágenes, ni siquiera puedo poner un titulo normal de texto. me fije que el id del gadget, y no se cambio asi que por logica tendria que funcionar, pero no. ¿que puede ser y como puedo solucionarlo.?

    si queres ver como quedo. http://sro-alianzalatina.blogspot.com/

    ResponderEliminar
  123. Hola Imperfecto,

    Este procedimiento no debe afectar en nada con los títulos de los gadgets pues son áreas completamente distintas.
    Aun así, he entrado a tu blog y las imágenes de los títulos de los gadgets se ven perfectamente.

    Saludos.

    ResponderEliminar
  124. si mira, pasa que lo saque porque quedaba feo =P asi queda sin titulo el gadget. mira la imagen http://dl.dropbox.com/u/14805508/Sin%20t%C3%ADtulo.png

    ResponderEliminar
  125. Entonces el problema no es el crosscol, sino quizá la forma como has puesto el título de ese gadget. Necesitaría que lo pongas para verlo y saber dónde puede estar el error.

    ResponderEliminar
  126. Como siempre das con el blanco Potro. Buenisimo, estaba buscando esto y me quedo de maravilla.

    Saludos y bendiciones abundantes.

    MHermonec

    ResponderEliminar
  127. Gracias MHermon, bendiciones para ti también.

    ResponderEliminar
  128. Gracias, funciona muy bien.....!!!!!

    ResponderEliminar
  129. Hola Potro,

    Yo a lo que me refería es que me gustaría que la parte que se divide que por encima del gadget "págnia", es decir al contrario que tengo en éste blog de prueba http://marinasalasprueba2.blogspot.com/

    Saludos y gracias por adelantado

    ResponderEliminar
  130. Ya me has confundido :/
    ¿Me puedes dar más detalles?

    ResponderEliminar
  131. Te dejo una captura del escritorio del blog http://dl.dropbox.com/u/23254876/Dibujo.bmp

    A lo que me refiero es que yo quiero poner los gadgets divididos encima del gadget "página", pero al hacer la división, y pasar hacia abajo dicho gadget tal y como está actualmente, no me deja, se coloca a un lado o al otro.

    Saludos y siento las molestias.

    ResponderEliminar
  132. Gracias por los detalles. Entonces sólo cambia esta parte:

    <div id='crosscol0' style='text-align: center; padding: 5px;'>
    <b:section class='tabs' id='crosscol-superior' preferred='yes'/>
    </div>

    Antes o después de esta línea:
    <div style='clear:both;'/>

    ResponderEliminar
  133. Muchísimas gracias a ti Potro :).

    Perdona, se me había pasado agradecértelo. Queda muy bien, tal y como yo quiero :).

    ResponderEliminar
  134. HOLA POTRO
    APLIQUE ESTE TRUCO A MI BLOG mr-xmagazine.blogspot.com/ Y HA QUEDADO PERFECTO SOLO UN PEQUEÑO DETALLE AL MOMENTO DE AÑADIR UN NUEVO GADGET Y PONERLE TITULO AL MISMO ESTE NO APARECE
    CREES QUE HAYA APLICADO MAL EL PROCEDIMIENTO?

    ResponderEliminar
  135. Hola ADM, ¿a cuál gadget le has puesto título?

    ResponderEliminar
  136. A LOS DOS QUE ESTAN DEBAJO DE LOS SLIDER QUE SON ETIQUETAS CON MINIATURA

    ResponderEliminar
  137. Prueba agregar antes de ]]></b:skin> esto:

    .tabs .widget h2 {
    display: block !important;
    }

    ResponderEliminar
  138. ERES GRANDE POTRO
    HA QUEDADO RESUELTO MUCHAS GRACIAS

    ResponderEliminar
  139. eSPERO QUE ME ENTIENDAS potro YA QUE aqui esta lo k kiero,porfavor si me ayudas,gracias!!!
    Checa esta imagen

    ResponderEliminar
  140. Eso depende de la estructura de cada plantilla, no todas las plantillas permiten que se agregue el crosscol, pero puedes probar ponerlo localizando dónde termina el código de la cabecera, y justo después poner el código del crosscol:

    <div id='crosscol-wrapper' style='text-align:center'>
    <b:section class='crosscol' id='crosscol'/>
    </div>

    ResponderEliminar
  141. Depende de cada plantilla, puedes identificarlo si ingresas a la Edición HTML y sin expandir artilugios buscas 'Header1' esa área es la cabecera, sólo tienes que encontrar el cierre para poner el código. Puedes probar haciéndolo y dando Vista Previa, sino te marca error (aunque no se vea nada) guarda los cambios y mira si en Elementos de la página ya está.

    ResponderEliminar
  142. No te entendi potro...porfas mas explicativo!!

    ResponderEliminar
  143. Pues no sé si pueda pero aquí vamos.
    Sin expandir los artilugios busca 'Header1', ese será el indicativo de que estás en el área de la cabecera. Ahora sólo tienes que encontrar dónde empieza y dónde termina esa área. Pero sobre todo, necesitas saber dónde termina el área de la cabecera. Debe terminar en un </div> sólo tienes que pegar el código del crosscoll, después de un cierre como ese. Dale Vista Previa, sino te arroja ningún error entonces puede ser que esté bien. Si te marca error ponlo en otra área.

    ResponderEliminar
  144. Este tutorial me ha servido de mucho, en mi blog TrucosVariosPC pueden ver como ha quedado:
    http://trucosvariospc.blogspot.com/

    ResponderEliminar
  145. Que tal Potro,

    Me ha funcionado, pero no me aparece el título de los gadgets. Seguí el procedimiento q explicaste en el comentario 143 y no funcionó. Quiero poner los gadgets "Más Populares" y "Más Vistos Esta Semana"

    Un saludo.

    http://cortosdigitaltv.blogspot.com/

    ResponderEliminar
  146. Hola Rafire Rocks,

    No veo que tengas puesto en el crosscol los gadgets que mencionas, ni tampoco en la plantilla los códigos que menciono en el comentario #143. Es necesario que esté todo puesto para que pueda identificar el problema.

    ResponderEliminar
  147. Listo Potro ya puse todo como indicas, espero puedas identificar el problema. Gracias.

    ResponderEliminar
  148. Te está faltando una llave de cierre en un estilo más arriba. Eso hace que todo lo que haya debajo no funcione. La parte en cuestión es esta:

    .post-labels a {
    font-size:100%;
    text-align:left;
    color:#ffffff;
    background:#000000;
    margin:0px 0px 0px 0px;
    font-style:;
    font-weight:bold;

    Ahí te está faltando el }

    ResponderEliminar
  149. Muchas gracias Potro, si no me dices nunca me hubiera dada cuenta, eres muy gentil. Saludos.

    ResponderEliminar
  150. POTRO QUISIERA SABER COMO HAGO PARA QUE FUNCIONEN LAS SUBSPESTAÑAS DE MI MENU, PORQUE AL DIVIDIR EL CROSSCOL COMO ESTA EN ESTA ENTRADA, FUNCIONA PERFECTO EL TRUCO DE DIVIDIR, PERO NO ME FUNCIONAN LAS SUBSPESTAÑAS DEL MENU DROP AND DOWN CON CSS QUE ESTA EN TUS ENTRADAS DE MENUS.

    ES ESTE MENU MIRA:

    http://ciudadblogger.com/2010/07/menu-horizontal-drop-and-down-con-css.html

    COMO PUEDO HACER PARA QUE FUNCIONE POTRO, ESTOY DESESPERADO PORQUE EL BLOG ESTA QUEDANDO PERFECTO, PERO ESA ES LA UNICA FALLA QUE TENGO :/, ESPERO PUEDAS AYUDARME PORFAVOR. ESPERO TU RESPUESTA MUY ATENTAMENTE.

    ResponderEliminar
  151. Hola Claudio,

    Busca una línea como esa y elimina lo que está en negrita:
    <b:section class='tabs' id='crosscol-superior'

    Saludos.

    ResponderEliminar
  152. POTRO ME DI CUENTA DE QUE CUANDO PUSE UNA PALABRA MAS LARGA EN UNA CASILLA DEL MENU, AL SER MAS GRANDE LA PALABRA, EL RECUADRO DEL MENU O CASILLA... SE HIZO MAS GRANDE, Y CUANDO PASE POR ENSIMA EL MOUSE SE VIO LA SUBPESTAÑA, PERO AL PARECER ES COMO UN RECUADRO BLANCO EL QUE CONTIENE LOS 3 GADGETS QUE SE DIVIERON DEL CROSSCOL, OSEA... AL DIVIDIR EL CROSSCOL SE HICIERON 3 PARTES VERDAD. BUENO , AL PARECER SE HACE UN FONDO BLANCO QUE TAPA LAS SUBPESTAÑAS DEL MENU :/

    ResponderEliminar
  153. DE IGUAL MANERA, LAS IMAGENES LOS TEXTOS, LOS VIDEOS , TODO LO QUE ESTE AHI TAPA LAS SUBPESTAÑAS :/... ya lo hice pero de igual manera los tapa, osea es como que las subpestañas aparecen pero por detras.

    ResponderEliminar
  154. No encontré el fondo blanco del que hablas, pero sí lo de las cosas que se enciman. Para el video tienes que seguir los pasos de esta entrada:
    http://ciudadblogger.com/2011/03/cuando-los-videos-se-sobreponen.html

    Para lo demás pon en esta parte del menú lo que está en negrita:
    #menu ul ul {
    visibility: hidden;
    z-index: 1000;
    }

    ResponderEliminar
  155. Excelente Potro, muchisimas gracias por tu Ayuda.

    ResponderEliminar
  156. Sabes que no puedo dividirlo y tampoco poner ningun gardget bajo la cabecera , sabes que pasa?
    bioregionvallemaipo.blogspot.com

    ResponderEliminar
  157. ¿Te marca algún error o qué es lo que sucede cuando pones los códigos?

    ResponderEliminar
  158. Hola, no consigo encontrar los códigos para cambiarlos. A ver si puedes echarme una mano. Lo único que he hecho es quitar de ahí un texto que tenía para dejar el espacio libre y ahora no me deja volver a ponerlo. Mi blog es:
    sonlascosasdeana.blogspot.com

    Me gustaría saber, además, cómo puedo poner 4 o 5 en lugar de 3.
    Muchas gracias.

    ResponderEliminar
  159. Hola ana rosa,

    En a entrada dice qué códigos buscar para quienes usan las plantillas del Diseñador como la tuya.
    Si quieres que esté dividido en cinco partes entonces el código que has de poner es este:

    <div class='region-inner tabs-inner' id='crosscol-wrapper' style='text-align:center'>

    <div id='crosscol0' style='text-align: center; padding: 5px;'>
    <b:section class='tabs' id='crosscol-superior' preferred='yes'/>
    </div>

    <div id='crosscol1' style='width: 19%; float: left; margin:0; padding: 5px;'>
    <b:section class='tabs' id='cross1' preferred='yes' style='float:left;'/>
    </div>

    <div id='crosscol2' style='width: 19%; float: left; margin:0; padding: 5px;'>
    <b:section class='tabs' id='cross2' preferred='yes' style='float:left;'/>
    </div>

    <div id='crosscol3' style='width: 19%; float: right; margin:0; padding: 5px;'>
    <b:section class='tabs' id='cross3' preferred='yes' style='float:left;'/>
    </div>

    <div id='crosscol4' style='width: 19%; float: right; margin:0; padding: 5px;'>
    <b:section class='tabs' id='cross4' preferred='yes' style='float:left;'/>
    </div>

    <div id='crosscol5' style='width: 19%; float: right; margin:0; padding: 5px;'>
    <b:section class='tabs' id='cross5' preferred='yes' style='float:right;'/>
    </div>

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

    Saludos.

    ResponderEliminar
  160. Muchas gracias, volveré a mirar, pero es que no los encuentro. Ya me leí el post varias veces.
    A ver si doy con la tecla!.

    ResponderEliminar
  161. Bueno, gracias, lo he conseguido, pero no sale bien.
    Primero he puesto tres partes y la de la derecha quedaba más abajo, he cambiado a cinco partes y ahora me quedan cuatro arriba y la quinta debajo de la cuarta.
    Por lo que leo en los comentarios, sobrepasan el ancho del blog y hay que jugar con el %. Si no entiendo mal, tendría que bajarlo pero prefiero preguntarte primero. Hago esto y listo?, cuánto bajo?.

    ResponderEliminar
  162. Sí, usualmente bajando el porcentaje se soluciona. Si quieres sólo bájaselo a uno de ellos, por ejemplo que quede en 15%
    Si no funciona con ese valor prueba con algún otro hasta que se acomoden todos los contenedores.

    ResponderEliminar
  163. Te pongo aquí mi duda cómo me pediste jeje
    Yo quiero hacer lo mismo que el comentario 137, pero no he entendido del todo bien tu respuesta en el 138, porque cuando la intento hacer, me sale el mensaje ese de: "no podemos enviar tu solicitud, envia a blogger tal tal tal" ¿Podrías explicarmelo mejor?

    Y me podrías decir si se puede poner el "X personas like tu-página" sin tener una página en facebook? Es decir, el like sería cómo los seguidores, que ya lo trae incorporado blogger. no? Si es así, cómo podría ponerlo en un lateral cómo en esta página? http://starbluecomics.blogspot.com/

    Y ya por último: Con la imagen detrás del título me refería a que en vez de mi título en color negro, querría poner el título con los colores de la imagen que ponga detrás de la cabecera, pero que sólo se pueda ver en los huecos de las letras del título, como si éstas fueran transparentes. Es decir, mi cabecera no quiero cambiarla, quiero que siga blanca, lo único que quiero cambiar es el interior de las letras, que esté rellenado con los colores de la imagen que ponga detrás, no sé si me explico.

    Por cierto, ya me funcionó lo del buscador, pero porqué cuando buscas en él, en algunas páginas no sale ninguna foto y en otras sí? (ya que tengo fotos en todas las entradas) Muchas gracias de antemano (www.desdefondosur.blogspot.com)

    ResponderEliminar
  164. Hola Daniel,

    Esos errores que marca Blogger al tratar de guardar cambios es porque algo anda mal puesto, ya sea que se ha puesto en el lugar equivocado, se ha puesto menos código del que debe ser, o al ponerse se ha eliminado sin querer otro código o caracter.
    Prueba ponerlo de nuevo verificando que no se elimine algo y que esté todo en su lugar.

    Para poner el botón Me gusta de tu blog usa este código:
    <iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http://tublog.blogspot.com&layout=button_count&show_faces=false&width=105&height=25&action=like&font=tahoma&colorscheme=light' style='border:none; overflow:hidden; width:105px; height:25px'></iframe>

    En esta entrada puedes ver dónde ponerlo:
    http://ciudadblogger.com/2011/01/agregar-el-boton-me-gusta-de-facebook.html

    Lo de la cabecera es como te decía, haz una imagen con el texto de tu blog y ahí en la imagen ponle los colores que quieres, esa imagen es la que subirías y sustituiría el título de tu blog.

    Lo del buscador no sabría decirte, eso de las imágenes junto a los resultados parece que es algo muy reciente pues al menos yo hasta hace apenas como una semana que lo vi así que no sé mucho sobre ello :/

    Saludos.

    ResponderEliminar
  165. Disculpa como podria quitar unas lineas que aparecen sobre los gadgets. Gracias y excelente este truco.

    ResponderEliminar
  166. Posiblemente sí -LordOvDarkness-, pero necesitaría saber en cuál blog para entender cuáles son las líneas que mencionas.

    ResponderEliminar
  167. como hago para q se achiquen los margenes entre uno de esos widgets y el otro de al lado. O sea trato de ponerlos mas juntos asi no se corren o se bajan del lugar...

    ResponderEliminar
  168. Quizá ya se alcanzó el mínimo espacio para poder acercarlos. ¿En cuál blog lo has puesto?

    ResponderEliminar
  169. Potro yo lo acabo de poner, quiero que mires mi resultado no me gusto, me podrías hacer el favor de decirme como repararlo.. Muchas gracias, es muy útil. http://img151.imageshack.us/img151/8012/porqueb.jpg

    ResponderEliminar
  170. Hola AndrésCamilo.,

    Reduce el ancho de uno de los contenedores, cualquiera que elijas.
    Por ejemplo, si está en 33% ponle un 32%, si no se arregla pone otro valor más bajo hasta que se acomode en su lugar.

    Saludos!

    ResponderEliminar
  171. Lo siento, busqué y busqué y todavía no encontré...
    porfa... como podría reducir el espacio entre 2 crosscol horizontal q inserté debajo de la cabecera?? y reducir el espacio entre el último crosscol y el lugar de las entradas... Es para que todo esté más pegadito... Si gustas puedes checar mi blog http://localidadesbolivia.blogspot.com/
    Cualquier info se te agradece...

    ResponderEliminar
  172. Hola José Luis,

    Ahí lo que tendrías que reducir sería el espacio entre los gadgets más que entre el crosscol.
    Antes de ]]></b:skin> agrega esto:

    #HTML1 {
    margin-top: -20px;
    margin-bottom: -30px;
    }

    ResponderEliminar
  173. Hola potro yo lo uso y quedo todo bien pero cuando puse los gadgets de ultimas entradas por categorías con miniaturas, esos aparecian en negro y cada noticias apararecia una abajo de otra con la imagen centrada y el texto no se veia. Si entras ahora y ves como queda ese gadget debajo de todo el blog veras que estan bien ordenados, como hago para cuando los ponga debajo de la cabecera se vean como se ven ahora?, este es mi blog: zerooficial.blogspot.com GRaicas, se entiende? no soy bueno explicando jajaja

    ResponderEliminar
  174. Hola Zero,

    Necesitaría verlo puesto en el crosscol para ver cómo es que te quedan y así decirte cómo se podría solucionar.
    Saludos.

    ResponderEliminar
    Respuestas
    1. Ok, mira estas imágenes... Muchas Gracias:)

      Así me queda cuando lo pongo:

      http://4.bp.blogspot.com/-EvrkWGYzc_c/TxYwJ0ttCsI/AAAAAAAACgs/7t47rXS-Dn0/s1600/Zero1.png

      Y lo que yo quiero es que queden así, pero no se que pasa:

      http://4.bp.blogspot.com/-pn-TK906zDo/TxYwIo5y2kI/AAAAAAAACgk/SG5O8tIH4S0/s1600/Zero.png

      MUCHAS GRACIAS, ENSERIO SOS GENIAL

      Eliminar
    2. Pero ponlo en un blog de pruebas, para que pueda ver "en vivo" el problema y así saber qué se debe modificar.

      Eliminar
  175. potro nesecito tu ayuda fijate tengo un blog pero nose si soy yo el que no sabe pero no trae para añanir mas crosscol cuando arastro uno para ahi no se queda ayudame para poner varios yo no quiero dividirlos sino no poner como tres seguidos abajo y abajo. este mi blog http://vivaconnection.blogspot.com/

    ResponderEliminar
  176. Pues si no lo trae la plantilla tienes que añadir esa área manualmente (si la plantilla lo permite). Prueba agregar todo ese código de esta entrada en tu plantilla, puede ser debajo de la cabecera del blog.

    ResponderEliminar
  177. gracias potro me sirvio de mucho eres el mejor

    ResponderEliminar
  178. Potro, yo he eliminado el segundo código (plantilla blogger) añadiendole el nuevo y al previsualizar me da error en la etiqueta de cierre Div .

    Gracias.

    ResponderEliminar
    Respuestas
    1. Primero elimínalo y da Vista Previa, sino te marca error agrega el código y nuevamente da Vista Previa. Así sabrás si el error está al eliminar o pegar el nuevo código.
      Sólo asegúrate que no elimines nada de más, ni pegues nada de menos.

      Eliminar
  179. Hola!! Hice un blog con 7 entradas y solo me publica 4 de las mismas. Supongo que tiene un limite. Hay alguna manera de dividir el contenido del blog en 2 partes sin necesidad de tipear todo y pegar nuevamente las fotos?. Gracias. Liliana

    ResponderEliminar
    Respuestas
    1. Hola Liliana. No hay un límite con el número de entradas a publicar, pero sí hay un límite con el número de entradas a mostrarse en la portada.
      Si ingresas a la Configuración del blog ahí podrás elegir cuántas entradas se mostrarán en la portada, en algunos casos no se mostrarán las que elijas, pero eso dependerá de la velocidad de carga de tu blog.
      Aun así, debajo de todos los blogs hay unos enlaces que dicen "Entradas antiguas", si das click ahí puedes ver el resto de tus entradas.

      Eliminar
  180. Hola El potro, tengo un plantilla hecha con el diseñador de plantillas y el problema que tengo es que los gadgets que pongo en la cabecera no se ven los titulos.

    ResponderEliminar
    Respuestas
    1. También quería decirte que hice esto: http://ciudadblogger.com/2011/05/ultimas-entradas-por-categorias-con.html

      Y me sale en el gadget un recuadro así: http://dl.dropbox.com/u/11723636/recuadro.png

      Eliminar
    2. Hola Josep-Pepe, lo de la otra entrada deja la pregunta allá, en esa entrada, para no desviarnos del tema de este post.
      En cuanto a los títulos de los gadgets que pones bajo la cabecera, ¿en cuál blog te sucede?

      Eliminar
    3. http://grupoblogin3.blogspot.com.es/

      Eliminar
    4. Bien, mira el comentario #143, eso mismo aplica para tu caso.

      Eliminar
  181. Mira esta entrada:
    http://ciudadblogger.com/2011/05/dividir-el-footer-del-blog.html

    ResponderEliminar
  182. Hola Potro, queria que me ayudes! Mira quiero mover unos gadgets, abajo en las imágenes te muestro de que forma, espero que lo entiendas mejor!

    Aqui te dejo mi url de blog de pruebas: http://www.golmadridista.com/

    acá estan las imagenes:

    1. Asi lo tengo en mi plantilla: http://goo.gl/Y89MD
    2. Y asi quiero tenerlo: http://goo.gl/gBLIw
    3. y que se vea asi: http://goo.gl/baUg9

    Gracias, espero tu ayuda!

    ResponderEliminar
    Respuestas
    1. Hola El Panda, mira esta entrada, ahí dice cómo añadir dos columnas de gadgets arriba o debajo de las entradas:
      http://ciudadblogger.com/2012/01/anadir-dos-columnas-de-gadgets-arriba.html

      Eliminar
  183. hola Potro,muchos saludso para ti.Potroa aqui tengo un problemita que todo lo aplque tal como tu dices y salio bien,pero los Gadgets cuando lo aplico el titulo de el no aparece,tambien cuando aplico por ejemplo un texto en Gadgets de la izquierda y el del centro el otro que le sigue de la izquierda baja hacia abajo no queda aliniado con con los otro dos,yo aumente el tamaño de la pagina y nada.
    Otra pregunta a todos los Gadgets de mi pagina a los titulos se le fuede poner un fodo de color?
    Mi blog de prueba es http://ecubano.blogspot.com/

    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.

 
Ir Arriba Ir Abajo
I Ciudad Blogger