TRUCOS y
TUTORIALES
para tu blog
No, no vendemos
camisetas... aun
Camiseta Ciudad Blogger

Ocultar la Sidebar en las Páginas estáticas

14 de febrero de 2010 | Número de comentarios424 comentarios
Ya hemos visto cómo personalizar el gadget de las Páginas y cómo mostrar las Páginas de forma diferente, pero me preguntan si se puede ocultar la sidebar cuando se está en las Páginas.
Sí se puede, y se realiza usando la misma condicional que usamos para mostrar las Páginas de forma distinta.
Puedes ver un ejemplo en este blog de pruebas, verás que al hacer click sobre una Página la sidebar desaparece y el contenido de la Página ocupa todo el ancho del blog.

ACLARACIÓN: Los elementos mencionados a continuación son los que usan la mayoría de las plantillas clásicas de Blogger, en otras plantillas posiblemente encontrarás los elementos con el mismo nombre, de lo contrario deberás localizar en tu plantilla cuál es el nombre que corresponde. Si usas una plantilla hecha a través del Diseñador de Plantillas de Blogger entonces sigue este tutorial.

Lo único que necesitamos es saber cuánto mide el outer-wrapper de tu blog; en la plantilla Mínima dice esto:
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

En este caso el outer-wrapper mide 660px.
Entonces lo que haremos será entrar en Diseño > Edición de HTML y pegar antes de </head> lo siguiente:
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#sidebar-wrapper {
width: 0px;
display:none;
visibility:hidden;
}
#main-wrapper {
width: 660px;
}
</style>
</b:if>

Como ven sólo hemos usado una condicional la cual indica que cuando se trate de una Página entonces el contenedor de la sidebar medirá 0px de ancho, o sea nada, y además el contenedor del área de las entradas medirá el total del ancho del blog, en este caso 660px.
Como mencioné antes, los nombres de los contenedores pueden variar según la plantilla, sólo deberán localizar cuál es el nombre del contendor de la sidebar (sidebar-wrapper), el área de las entradas (main-wrapper) y el ancho total del blog (outer-wrapper).

Por supuesto este hack también se puede combinar con el de
mostrar las Páginas de forma diferente, sólo habría que agregar los estilos correspondientes dentro de este código, con lo cual quedaría así de forma completa:
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#sidebar-wrapper {
width: 0px;
display:none;
visibility:hidden;
}
#main-wrapper {
width: 660px;
}

.post {
color: #8A4B08; /* Color del texto */
border: 1px solid #FF8000; /* Color del borde */
margin:.5em 0 1.5em;
padding: 5px;
background: #F2F5A9; /* Color de fondo o imagen de fondo */
}
.post h3 a {
color: #cc6600; /* Color del titulo */
font-family: Impact; /* Tipo de letra del titulo */
font-size: 20px; /* Tamaño de letra del titulo */
text-transform: uppercase;
text-align: center; /* Alineación del título */
letter-spacing: 5px;
}
.post h3 a:hover {
color: #FF8000; /* Color del título al pasar el cursor */
}
.post img {
padding:4px;
border:2px solid #FF8000; /* Color del borde las imágenes */
}
</style>
</b:if>

Como ven, la primera parte contiene la indicación sobre ocultar la sidebar dentro de las Páginas y la segunda parte contiene los estilos para las Páginas.


De esta forma sencilla hemos podido ocultar la sidebar en las Páginas estáticas con la posibilidad de mostrar las Páginas de forma diferente.

424 comentarios :

  1. Muy bueno, ahora buscare esa partede mi plantilla.

    Pero te pregunto sobre los perfilesde los comentarios.
    como se pueden abrir en otrapestaña o ventana.

    ResponderEliminar
  2. Hola El Venado,

    Expande los artilugios, busca esta parte y agrega lo que está en negrita:
    <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>

    Saludos.

    ResponderEliminar
  3. Que bueno, lástima que yo no puedo hacer paginas. Te acordas del link que me diste, contacté con el hombre de la web y me dijo que me la enviaría pero ya llebamos 2 semanas...
    jaja
    Bueno, cuando lo tenga (si lo tengo) utilizaré estos truquillos....

    ResponderEliminar
  4. Hola Potro, muy bueno.
    Che disculpa la molestia pero quisiera saber como le doy el borde ese gris medio brillante a una imagen png como el logo de tu web, de la cabecera???
    Sabes de algún tutorial y con que programa???
    Muchas gracias!

    ResponderEliminar
  5. Genioooo jaja, nunca voy a dejar de pensarlo, un abrazo grande!!

    ResponderEliminar
  6. JkEandi, jajaja, seguro muchos le habrán mandado la plantilla, así que debe estar con mucho trabajo encima ;)

    Pozo+10, se puede hacer con Photoshop, en TutoMax puedes preguntar, seguro sabrán orientarte.

    Ezequiel, gracias hermano, otro abrazo para ti!

    ResponderEliminar
  7. Casualmente así lo hice el domingo pasado con la plantilla de pruebas, siguiendo las indicaciones de tu otra entrada, la que enlazas.

    La verdad es que sabiendo cómo es el condicional, la imaginación es el único limite, se puede hacer cualquier cosa, como mostrar un widget especial para las páginas estáticas, que no se vea la cabecera, que el fondo sea distinto... Es decir, hasta donde el buen gusto y la imaginación lleguen.

    ResponderEliminar
  8. Hola José GDF,

    Tienes toda la razón, teniendo la condicional bien ubicada puede hacerse todo lo que se quiera en cuanto a diseño se refiere; que sería lo mismo que haríamos usando otras condicionales para hacer ciertas cosas sólo en la portada o en las entradas individuales.

    Saludos.

    ResponderEliminar
  9. Como Dije Antes.. El Rey de Blogger..
    ¡El Potroooooooooooooo!
    UFFFFF!!
    Esto me puede servir para el blog que cree sin saber Porque!
    Un Abrazo!

    ResponderEliminar
  10. Whoa potro
    no pense que supieras tan pronto lo de las Paginas Estaticas
    me gusta mucho tu idea para darle más originalidad a la Pagina Estatica

    ResponderEliminar
  11. Deberias trabajar para blogger
    jajaja
    chiste malo
    jaja

    ResponderEliminar
  12. Blogio, jajaja, primero habrá que investigar para qué abriste ese blog :P

    Alex, es como si trabajara para ellos pero sin sueldo :(

    ResponderEliminar
  13. Wow Bro, me sorprende todo lo que se puede hacer con Blogger hoy en día. Cuando me inicié en esto, era cuestión de agarrar una plantilla bonita y sólo postear. Ahora se pueden hacer maravillas con tus trucos, ya no son necesariamente un simple blog, sino que pueden transformarse en sitios complejos... muchas gracias por compartir todos estos trucos...

    Como dice Blogio "el Rey de Blogger"

    Un abrazo!!!

    ResponderEliminar
  14. Con estos trucos que nos traes, ahora podemos hacer una web en blogger jejeje. Saludos!

    ResponderEliminar
  15. brother, estoy muy pero muuuuuuuuy lejos de ese título, pero siempre se agradece la amabilidad :D

    PepeX, prácticamente sí, aunque sigo pensando que un blog es más funcional :)

    ResponderEliminar
  16. Hola, quisiera saber si me podrías ayudar... quisiera mover la parte donde van las entradas mas hacia la izq, y mi sidebar que quedara como el tuyo, mas grueso y pues poder poner doble gadget a la misma altura mi blog es http://wasadrunkworld.blogspot.com

    ResponderEliminar
  17. y como hiciste para que en los posts aparezca la foto de el que escribe?

    ResponderEliminar
  18. Hola Drunkboy,

    El proceso para agregar otra sidebar junto a la que tienes no es difícil pero sí requiere demasiadas instrucciones, mejor te dejo un enlace donde puedes ver cómo hacerlo:
    http://www.blogmundi.com/2007/02/16/anadir-una-barra-lateral-sidebar-en-blogger/

    De las fotos no te he entendido, en los posts no tengo fotos de quien escribe ¿te refieres a las fotos de los comentaristas?

    Saludos.

    ResponderEliminar
  19. si esas mismas fotos de los que comentan

    ResponderEliminar
  20. Entra en Diseño > Edición de HTML, marca la casilla Expandir artilugios y busca esta línea:
    <dl id='comments-block'>

    Remplazala por esta:
    <dl expr:class='data:post.avatarIndentClass' id='comments-block'>

    Luego busca esta otra línea:
    <a expr:name='data:comment.anchorName'/>

    Y debajo de ella pega esto:
    <b:if cond='data:blog.enabledCommentProfileImages'>
    <data:comment.authorAvatarImage/>
    </b:if>

    Con eso deberán aparecer las fotos de los comentaristas.

    Saludos.

    ResponderEliminar
  21. Hola Potro Adivina que?
    otra vez no aparecen los comentarios :(
    http://blogstrello.blogspot.com/
    Ayudaaaaaaaa!
    SALU2, REY DE BLOGGER!

    ResponderEliminar
  22. Siempre que hagas cambios en tu plantilla haz un respaldo por si suceden este tipo de situaciones ;)
    Haz de nuevo lo que te comenté la última vez.

    Saludos.

    ResponderEliminar
  23. Hola.Otra vez yo....
    En uno de mis blogs no encuentro la forma de reducir el espacio que hay entre los elementos del sidebar.Y tampoco la de reducir el tamaño del titulo de los posts.Gracias si puedes de nuevo echarme una mano.
    Por si acaso dejo la dirección de la página :
    http://www.sagitaire17.com/
    Buen inicio de semana.

    ResponderEliminar
  24. Buff Jajajajaja!
    ya encontre el motivo porque cree ese blog
    para videos chistosos musica y mucho mas!
    http://blogstrello.blogspot.com
    Jajajaja..

    ResponderEliminar
  25. Hola el potro, me gusto este post, yo lo habia hecho antes poniendo la condicional a todo el sidebar para que nisiquiera cargara, pero creo que esta manera es más sencilla.

    Una pregunta ¿cómo puedo poner un avatar predifinido a todos aquellos comentaristas que no lo posean? Me refiero a los anónimos y a los de Nombre/URL, de ser posible uno diferente a cada uno :D

    Muchas gracias

    ResponderEliminar
  26. Hola sagitaire17,

    El tamaño de los títulos de las entradas lo modificas en esta área, específicamente en negrita:
    .post h3 {
    margin:.25em 0 0;
    padding:0 0 4px;
    font-size:190%;
    font-weight:normal;
    line-height:1.4em;
    color:#000000;
    }
    La separación entre los gadgets de la sidebar la modificas aquí:
    .sidebar .widget, .main .widget {
    border-bottom:1px dotted #ffffff;
    margin:0 0 1.5em;
    padding:0 0 1.5em;
    }
    Nuevamente lo que está en negrita, intenta con un .5em y dale Vista Previa.

    Saludos.

    ResponderEliminar
  27. Hola Francisco Bórquez,

    También se puede hacer de la manera que lo habías hecho, sólo que suele ser más complicado sobre todo cuando se tienen muchos gadgets, pues hay que encontrar minuciosamente el cierre del contenedor.

    Te dejo un enlace donde JMiur tiene una explicación detallada de cómo poner esos avatares:
    http://vagabundia.blogspot.com/2009/09/blogger-avatares-en-los-comentarios.html

    Saludos.

    ResponderEliminar
  28. Qué raro, siendo tan sencillo ésto a mi no me sale, no se me desaparece la sidebar en las estáticas por más que lo intento.
    Tengo un width:770px;
    He probado con diseño y sin diseño y no hay caso. Si se te ocurre a qué se puede deber este problema, te agradezco.
    Un saludo.

    ResponderEliminar
  29. Esto que estoy viendo es algo muy útil... guau, no se si ahora lo voy a poder usar, pero lo guardo en favoritos como hice con muchas cosas de tu blog, jaja.
    Por ejemplo, ahora pizcos explicó como hacer un foro, lo que se puede hacer es crear el foro y en ese foro que se valla la sidebar, sin duda, un 10!

    Nos vemos!

    ResponderEliminar
  30. enrique, necesitaría ver tu blog para saber dónde está el error. Lo más seguro es que los contenedores de tu plantilla tienen otro nombre y no los que he mencionado aquí.

    Ascesino96, qué bueno que ya estás de vuelta :)

    ResponderEliminar
  31. Hola el potro, maestro.

    Ayer de una manera un poco extraña me decidí a escribir un blog de ayuda, talvez insipirado en lo fantástico que es este, si deseas echarle un vistazo la dirección http://exablogger.blogspot.com/ ahí mismo explico lo del buscador con la misma dirección del blog que te decía el otro día.

    Un saludo

    ResponderEliminar
  32. Excelente Francisco, ya me he dado una vuelta rápido y te ha quedado bien, ya con un poco más de tiempo me detendré detenidamente a verlo.
    Mucha suerte y éxito con este nuevo proyecto!

    Un abrazo!

    ResponderEliminar
  33. Hola ElPotro,
    He podido cambiar el tamaño de los títulos de las entradas.Pero para el espacio entre los gadgets en el sidebar no hay forma.

    ResponderEliminar
  34. Pues ahí es donde se controla la separación de los gadgets, a menos que anteriormente hayas cambiado algo que hizo que se separaran de esa forma.

    ResponderEliminar
  35. Me temo que es lo que pasara.Estuve trajinando tanto la plantilla...

    ResponderEliminar
  36. Sí, justamente fue eso pero ya encontré dónde está la causa.
    Busca esta parte:

    /* Headings
    ----------------------------------------------- */
    h2 {
    margin:8.5em 0 .75em;

    Cambia ese 8.5em por 1.5em

    Saludos.

    ResponderEliminar
  37. Ya esta.Muchas gracias.Para que el contenido del main-wrapper no este tan pegado a la cabecera lo había bajado,y para que el sidebar este más o menos a la misma altura toque eso.Ahora lo que no se es como conseguir más separación entre la cabecera y la totalidad del out-wraper...

    ResponderEliminar
  38. Para eso busca donde dice:
    #content-wrapper {

    Y justo debajo agrega esto:
    margin-top: 60px;

    Modifica los 60px por la distancia que quieras.
    Saludos.

    ResponderEliminar
  39. Siento estar molestandote tanto...pero en esta maldita plantilla minima de Blogger no encuentro #content-wrapper {
    ¿Sera que con esta plantilla no te dan esta opción?
    Saludos.

    ResponderEliminar
  40. Veremos si funciona en mi blog, te cuento potro como me fué.

    ResponderEliminar
  41. sagitaire17, no importa que no lo tenga, puedes agregarlo a tu plantilla y surtirán los efectos. Saludos.

    FakeDark, sale pues, seguro todo saldrá bien ;)

    ResponderEliminar
  42. He tenido que añadirle el } final,pero por fin ya esta con eso.Otra vez muchas gracias.Es una gran suerte poder contar con tu ayuda.
    Saludos.

    ResponderEliminar
  43. Por nada, qué bueno que por fin ya está como querías.
    Saludos.

    ResponderEliminar
  44. Oye potro, no se ve tu paginación :S
    A tengo una duda,
    ¿como quito el contador de paginación de mi blog?
    Es que la verdad se ve antiestetico.
    Gracias si me puedes responder

    ResponderEliminar
  45. Gracias por lo de la paginación, ya lo arreglé.
    Pues para quitarlo tendrías que seguir los pasos que usaste para ponerlo y quitar los códigos que hayas añadido.

    Saludos.

    ResponderEliminar
  46. Potro...nuevamente te pasaste, tu blog y tus instrucciones son geniales y muy claras, ya me has ayudado en varias oportunidades y te doy las gracias...seguí lo de ocultar las sidebar y me resulto excelente...pero te quiero perdir si me ayudas con otra cosita, que no me había dado cuenta antes...en mi blog no aparecen al final "entradas antiguas","entradas recientes" y "página principal"...lei unos tutoriales sobre esto, pero la verdad no entendí mucho...¿Me ayudas?...porfavor...

    María Angélica.
    www.mi-tallerdepapel.blogspot.com

    ResponderEliminar
  47. Hola María Angélica,

    Qué gusto que todo lo has encontrado aquí te ha sido útil y funcional.
    Hay un problema general en todos los blogs respecto a los enlaces de navegación (entradas antiguas, etc.).
    Pero igual hay una solución; te dejo un enlace donde Rosa explica cómo solucionarlo de una manera extremadamente fácil:
    http://elescaparatederosa.blogspot.com/2010/02/recuperar-los-enlaces-de-navegacion-iii.html

    Saludos.

    ResponderEliminar
  48. Logrado, Potro, era muy fácil: lo mío pasaba sólo por poner main y sidebar a secas, borrando el -wrapper. Era fácil la cosa.
    Muy agradecido, de verdad.

    ResponderEliminar
  49. Lo sabía, generalmente las plantillas que tienen otros nombres para sus contenedores no varía mucho, como en tu caso.
    Qué bueno que ya te ha funcionado :D

    Saludos.

    ResponderEliminar
  50. Muy bueno el post (y el blog, todo entero, la verdad).
    Tengo una consulta. Hice el truco sin problemas, pero hueveando me di cuenta de que, si bien la sidebar desaparece de la derecha, se me va a la izquierda al final del main.
    Me fijé en tu página de ejemplo y eso no te pasó. Alguna indicación para darme? Probé algunas cosas pero nada funcionó.

    ResponderEliminar
  51. Necesitaría saber en qué blog sucede eso así como la URL de una página que tengas para observar a detalle el problema.

    Saludos!

    ResponderEliminar
  52. Esto me pasa específicamente en: http://leonardomoledo.blogspot.com/p/cineclub.html

    ResponderEliminar
  53. En el caso de tu plantilla el contenedor de la sidebar no se llama sidebar-wrapper, sino sidebar.
    Por lo tanto busca esta parte del código que menciono en esta entrada:
    #sidebar-wrapper {
    width: 0px;
    }
    Y cámbialo por:
    #sidebar {
    width: 0px;
    }

    Saludos.

    ResponderEliminar
  54. Genial!
    No me había dado cuenta de eso. Muchas gracias!
    De todas formas me quedó una pequeña línea de la sidebar, ahora del lado derecho. Pero supongo que debe tener que ver con tener un video en la sidebar. No creo que se pueda hacer mucho más.

    ResponderEliminar
  55. Hola:

    Muy bueno este post...

    Me gustaria saber como hago para colocar este codigo solo para las paginas que yo elija, si ven mi blog, veran que la pagina de inicio solo tiene la opcion de entrar al blog, y las otras paginas pues tienen de todo, pero me gustaria que en algunas paginas se pueda aplicar este codigo...

    Espero me puedan ayudar...

    David "El Chiko de Rojo"
    http://portablesmiscelaneos.tk o http://portablesmiscelaneos.blogspot.com

    ResponderEliminar
  56. Ezequiel M., recuerda que el main-wrapper debe tener el ancho total del outer-wrapper. En tu caso es de 790px y tú le has asignado al main-wrapper sólo 770px.

    Por lo tanto cambia igual en la parte del código de esta entrada esto:
    #main-wrapper {
    width: 770px;
    }

    Por esto:
    #main-wrapper {
    width: 790px;
    }
    Saludos.

    ResponderEliminar
  57. El Chiko de Rojo,

    Cambia la primera línea del código que debes pegar por esta:

    <b:if cond='data:blog.url == "URL de la pagina"'>

    Agrega la URL de la página que quieres que luzca diferente donde se indica.
    Saludos.

    ResponderEliminar
  58. Hola de nuevo:

    Ya probe el codigo pero me sale que esta mal formado...

    Le adjunto el problema de error que me sale:

    Mensaje de error de XML: Element type "b:if" must be followed by either attribute specifications, ">" or "/>".

    Grax!!! de antemano

    David "El Chiko de Rojo"
    http://portablesmiscelaneos.tk // http://portablesmiscelaneos.blogspot.com

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

    ResponderEliminar
  60. Si me puede mandar un ejemplo se lo agradeceria... mi outer-wraper es de 990

    ResponderEliminar
  61. Sólo hay que cambiar la primera línea por lo que te comenté:

    <b:if cond='data:blog.url == "URL de la pagina"'>
    <style type='text/css'>
    #sidebar-wrapper {
    width: 0px;
    }
    #main-wrapper {
    width: 990px;
    }
    </style>
    </b:if>

    Saludos.

    ResponderEliminar
  62. estaba en 790px, pero como de todas formas me aparecía esa línea de la barra, lo puse en 770 para que quedara bien con el banner. Pero en 790 es lo mismo.

    ResponderEliminar
  63. ¿Tu plantilla tenía dos sidebar? Pues veo en la hoja de estilos propiedades para una llamada #sidebar pero en la estructura veo otra llamada #sidebar-wrapper.

    Si es así entonces además de lo que pusiste agrega esto:
    #sidebar-wrapper {
    width: 0px;
    }

    Saludos.

    ResponderEliminar
  64. No que yo sepa, pero vale probar. Vamos a ver si se resuelve.
    Gracias!

    ResponderEliminar
  65. Está excelenteya lo apliqué al blog; me interesa ocultar el header también, supongo que es el mimso código pero va en la parte del header, pero no me atrevo a probar.
    Gracias

    ResponderEliminar
  66. Exacto, sería agregar debajo de:
    #sidebar-wrapper {
    width: 0px;
    }

    Esto:
    #header-wrapper {
    width: 0px;
    }

    Saludos.

    ResponderEliminar
  67. Ups me atonté, quiero ocultar la "cabecera de blog cambiante" que más tengo que hacer, porque no se elimina este artilugoio que puse.

    ResponderEliminar
  68. En el caso de tu cabecera cambiante habría que agregar esto:

    #HTML1 {
    width: 0px;
    height: 0px;
    }

    Saludos.

    ResponderEliminar
  69. Gracias , peeeero no se que esté haciendo mal no me funciona

    ResponderEliminar
  70. No veo que tengas el código en la plantilla así que me es imposible saber cuál es el error.

    Saludos.

    ResponderEliminar
  71. Es que como no funcionó no lo guardé, luego veo que pasá, como si supiera, jajja. Mas bien luego te molesto de nuevo. ¿como te envio parte de la plantilla para que la veas si está bien?

    ResponderEliminar
  72. En unos días más habilitaré de nuevo el formulario de contacto que está en la sidebar, en cuanto esté habilitado me la mandas.

    Saludos.

    ResponderEliminar
  73. Oye men me resulto de maravilla Gracias pero una pregunta yo uso la plantilla Minima y agrege una "sidebar" de lado izquierdo y al aplicar este truco no se esconde "el sidebar" de lado izquierdo solo el del derecho, hay manera de que se oculten los dos? y otra pregunta esto tambien funciona dentro de las entradas "post" normales o solo en las paginas Estaticas? Saludos espero qe respondas.

    ResponderEliminar
  74. Hola El Potro:

    Darte las gracias porque mi blog gracias a ti ha cambiado totalmente de aspecto.

    Decirte que he aplicado lo que pones para Ocultar la Sidebar en las Páginas estáticas y no me sale. No se me oculta la sidebar.

    Mire la outer-wrapper de mi plantilla y media 740px;

    lo aplique a main-wrapper {width: 740px;

    y no se me oculta la sidebar.

    ¿que puede ser?

    Saludos
    Damià

    http://pulpojusticiero.blogspot.com/

    ResponderEliminar
  75. Hola sixto76,

    Para ocultar la otra sidebar agrega al código esto:

    #newsidebar-wrapper {
    width: 0px;
    }

    Este truco sólo funciona para las páginas estáticas aunque igual se puede modificar para las entradas individuales.

    Saludos.

    ResponderEliminar
  76. Hola Pulpo Justiciero,

    En el caso de esa plantilla tiene diversos nombres la sidebar y el main-wrapper, por lo que habría que poner todo esto:

    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <style type='text/css'>
    #sidebar-wrap {
    width: 0px;
    }
    #sidebartop-wrap {
    width: 0px;
    }
    #sidebartop-wrap2 {
    width: 0px;
    }
    #main {
    width: 740px;
    }
    </style>
    </b:if>

    Saludos.

    ResponderEliminar
  77. Hola Potro, mi problema es con la cabecera cambiante, ya le puse el código y no funciona, pero lo más chistoso es que ahorita le puse el de ocultar header-wrapper y se oculta la side bar, ya le puse todos incluso el html1 y lo único que pasa es que la cabecera sale a medias hacia la izquierda. Qué estará pasando? www.dajaroma.blogspot.com

    ResponderEliminar
  78. Hola Potro:

    he puesto en la plantilla lo que me indicas y efectivamente desaparece la sidebar pero la página me queda cortada... ¿Alguna solución? Muchas gracias por tu ayuda.

    Damià
    http://pulpojusticiero.blogspot.com/

    ResponderEliminar
  79. Hola buenas,

    acabo de descubrir tu blog y me parece super interesante; o sea, que gracias de antemano!!!

    me gustaria poder aplicar esta opcion en nuestro blog, y probando veo que no me hace nada de nada (ya que no utilizo la plantilla minima);
    sabes como lo podria solucionar???

    y ya que estoy, tengo dos preguntas mas; como podria hacerlo para poner una pagina de inicio, sin que saliese la sidebar ni la cabezera???

    y la segunda, en el caso de nuestro blog, como podria alinear las diferentes entradas que tenemos???

    muchas gracias

    ResponderEliminar
  80. Hola dajaroma,

    En sí con el primero que te di, el de:
    #header-wrapper {
    width: 0px;
    height:0px;
    }
    También debería funcionar para la cabecera cambiante, ya que el elemento se encuentra dentro del contenedor header-wrapper, lo curioso es que dices que al poner eso se oculta la sidebar, pues eso no debería suceder.
    Sería mejor que me mostraras el código que estás poniendo para ver dónde está el error.

    Saludos.

    ResponderEliminar
  81. Hola Pulpo Justiciero,

    El problema con esa plantilla es que tanto la sidebar como el fondo de las entradas están hechas con imágenes, por lo que aunque agrandes las entradas para eliminar la sidebar se verá mal pues el tamaño de la imagen es la misma :(

    ResponderEliminar
  82. Hola Jaume i Cris,

    Bienvenidos a Ciudad Blogger!
    Necesitaría saber en cuál blog quieres aplicar lo de ocultar la sidebar.
    Lo que mencionas acerca de ocultar todo algo así como un intro quizá puedas encontrarlo aquí:
    http://oloblogger.blogspot.com/2010/02/portada-en-pagina-inicio.html

    ¿A qué te refieres con alinear las entradas?

    Saludos.

    ResponderEliminar
  83. Hola Potro, perdona por la falta de info.

    El blog con el que trabajo ultimamente es http://viatgesjaumeicris.blogspot.com/

    Alinear las entradas me refiero a tenerlas juntas, una al lado de otro, o sea, si te pones en el blog, que La Rioja Alavesa y Carcassonne esten alineadas.

    Y si, gracias por el link de la portada; voy a investigar un poco!!!


    Gracias de nuevo

    ResponderEliminar
  84. Hola de nuevo,

    En el caso de esa plantilla los elementos quedarían así:

    div#sidebar-wrapper {
    width: 0%;
    }
    div#main-wrapper {
    width: 100%;
    }

    Lo otro de la alineación no sabría decirte ya que esa es una modificación de la plantilla la cual desconozco cómo la hayas hecho.

    Saludos.

    ResponderEliminar
  85. Potro ya hice que funcionara le agrague un complemento que saqué de "El escaparate de rosa"
    visibility:hidden;
    display:none;
    A lo mejor de tantas modificaciones que tengo esto era lo que le faltaba. ahí te lo dejo para aquellos que no les funciona del todo.
    GRACIAS

    ResponderEliminar
  86. Qué bueno que ya lo has solucionado ;)

    ResponderEliminar
  87. yo le tuve que poner un height: 0px; a la sidebar porque me aparecía el espacio que ocuparía la sidebar entre el foooter y el main, en fin, también agrandé la header y el crosscol ;)
    Por sierto, como hago para usar el efecto que usa pizcos en su blog... me dijo que era con condicionales, y le entendí, pero ni siquiera se cambiar la palabra de la etiqeuta por una imagen u.u

    ResponderEliminar
  88. y oara que en los posts tampoco aparezca la sidebar???

    ResponderEliminar
  89. cual es la condicional de los posts?? a provado con posts, post, y nada u.u

    ResponderEliminar
  90. hola de nuevo

    he puesto lo que me comentaste y no me hace nada de nada


    div#sidebar-wrapper {
    width: 0%;
    }
    div#main-wrapper {
    width: 100%;
    }


    sabrias arreglarlo???

    muchas gracias potro

    ResponderEliminar
  91. Hola Ascesino96,

    No sé a qué efecto te refieres.
    Para que en las entradas no aparezca la sidebar sería usar el mismo código sólo habría que cambiar la primera línea, o sea esta:
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

    Por esta:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    Saludos.

    ResponderEliminar
  92. Hola Jaume i Cris,

    Con eso debió haber quedado, al menos yo hice la prueba con esa plantilla y sí funcionó, no sé qué más pueda ser.

    ResponderEliminar
  93. Bueno, eso ya lo logré hacer, pero ahora necesito saber como hacer eso mismo pero en las etiqeutas, por ejemplo al entrar a /search/label/noticias no se muestre la sidebar...??

    Saludos ;)

    ResponderEliminar
  94. Ummm no sé si haya una condicional específica para las etiquetas.
    Te dejo un enlace donde JMiur explica todo este asunto de las condicionales y las distintas condicionales que usa Blogger, quizá ahí puedas encontrar más información:
    http://vagabundia.blogspot.com/2009/04/los-codigos-condicionales.html

    Saludos.

    ResponderEliminar
  95. Potro una pregunta, si no es mucha molestia me explicas para agregar este truco tambien a las entradas "post" y no solo a las pagians estaticas, Saludos.

    ResponderEliminar
  96. Hola Sixto Daniel,

    En el segundo código sustituye esta línea:
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

    Por esta otra:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    Esto hará que cuando hagas click en una entrada la sidebar desaparecerá pero aparecerá en la página principal del blog.

    Saludos.

    ResponderEliminar
  97. Gracias Potro me funciono a la perfeccion disculpa tanta preguntadera pero y si lo quiero agregar a las paginas estaticas y a las entradas? que tendria que hacer? espero qe respondas, y disculpa por no preguntar de una vez, Saludos potro

    ResponderEliminar
  98. Me imaginé que lo preguntarías :P
    Entonces no elimines la línea que te dije, consérvala y arriba de ella pega la otra que te mencioné.
    Luego hasta abajo del código agrega esto:
    </b:if>

    Dime si con eso funciona.
    Saludos.

    ResponderEliminar
  99. Si me funciono Potro Muchas Gracias, Bendiciones amigo. me gusta tu blog lo agregare a favoritos es de mucha ayuda para gente como yo xD saludos!

    ResponderEliminar
  100. Saludos potro otra vez yo, mira te planteo esta pregunta aqui por que la verdad nose donde mas hacerlo, solo queria saber como hacer Banners en flash, si me recomiendas un programa, facil de usar o como sea, quiero crear banner en flash pero no tengo la minima idea de como hacerlo, vi el tuyo de Fondos240 y creo que podrias ayudarme, espero tu respuesta y si me dices donde puedo dejarte mis preguntas o cosas asi, Saludos

    ResponderEliminar
  101. Hola Sixto Daniel,

    Hay uno muy sencillo y fácil de usar que se llama Flash Intro Banner Maker.
    Si quieres algo más profesional definitivamente sería con Flash. Si escoges este último te recomiendo visites Trucos Flash, ahí hay tutoriales sobre ese programa.

    Saludos.

    ResponderEliminar
  102. Gracias potro, Saludos.
    Una ultima pregunta "creo" :X
    hay manera de agregar un fondo a cada pagina estatica?
    por ejemplo crear una pagina estatica y cuando entren tenga un fondo y crear otra y agregarle un fondo diferente, eso se puede?

    ResponderEliminar
  103. Claro, usa la condicional que se menciona en esta entrada, sería la de especificar la URL de la entrada, así podrás agregar estilos por cada página.

    Saludos.

    ResponderEliminar
  104. POTRO LA ULTIMA PREGUNTA YA PARA NO MOLESTAR MAS ENSERIO XD, COMO HAGO PARA OCULTAR LAS IMAGENES EN LA PAGINA PRINCIPAL, AGREGE EL TRUCO DE "LEER MAS" CON IMAGENES EN MINIATURA, PERO NO QUIERO QUE SE VEAN LAS IMAGENES SOLO EL TITULO Y EL TEXTO Y LAS IMAGENES QUE AGREGEN NO SE VEAN, PORFA AYUDAME EN ESO Y DE NUEVO DISCULPA

    ResponderEliminar
  105. No es ninguna molestia, sólo vamos a poner las preguntas en la entrada que corresponde para que quien busque información adicional en los comentarios no se confunda al tratarse de otros temas.

    Dentro del script que se agrega busca esta parte:
    <span style="float:left; padding:0px 10px 5px 0px;">

    Cámbialo por esto:
    <span style="visibility:hidden;display:none;float:left; padding:0px 10px 5px 0px;">

    Saludos!

    ResponderEliminar
  106. Holaaaa! no me salió bien! sigue saliendo la sidebar de la izq. y el main sale debajo de esta sidebar. la sidebar derecha si k se oculta. Ayuda porfavor!!

    ResponderEliminar
  107. Es que tienes dos sidebar por lo tanto en el código debes incluir los códigos para ambas sidebar, o sea para #sidebar-wrapper y #sidebar-wrapperL

    ResponderEliminar
  108. disculpa potro se qe me dijistes que trate de preguntar en cada entrada para que no se confundan pero nose donde preguntar esto por qe no veo qe entrada coinside con mi pregunta, quisiera saber como poner el color de fondo de las entradas, sidebar pero transparante, por ejemplo poner una imagen de fondo y que el color de los post sea negro un ejemplo pero negro transparente y se vea detras el fondo del blog, nose si me explique?

    aparte queria saber como poner los titulos de las entradas al lado de las imagenes y no arriba "USO EL TRUCO LEER MAS.." para qe salgan los titulos al lado de las imagenes y el texto debajo de los titulos como hago eso? Saludos y disculpa qe pregunte por aqui.

    ResponderEliminar
  109. Si la entrada no existe no hay ningún problema en que comentes en otra entrada, tampoco creas que soy un ogro ;)

    Para poner un fondo transparente en las entradas necesitas tener una imagen transparente. Luego busca en tu plantilla esta parte:
    .post {

    Y debajo de ella agrega esto:
    background: url(URL de la imagen transparente);

    Con eso se verá transparente y se verá el fondo del blog. Más adelante haré una entrada con una explicación más detallada.

    Hasta donde sé no se pueden poner las imágenes junto a los títulos.
    Las imágenes pertenecen al cuerpo de la entrada y siempre estará debajo del título.

    Saludos.

    ResponderEliminar
  110. Mira potro un ejemplo de lo que mas o menos quiero es algo como esto http://simple-black-metal-template.blogspot.com/ mira esa plantilla creo que la hicistes tu, se ve el fondo y en los post y en los sidebar se ve el fondo pero hay un color negro como transparente que ocupa el lugar de los sidebar y los post, entiendes?

    y lo de ogro xD solo que en "el escaparate de rosa" hice una pregunta y me respondio no del todo bien.

    ResponderEliminar
  111. Colores oscuros, Transparencias en los contenedores

    esa es la descripcion de la plantilla.

    Transparenciaas en los contenedores creo que eso es lo que quiero hacer yo!

    ResponderEliminar
  112. POTRO LISTO YA SUPE COMO XD..
    AHORA TENGO UNA PREGUNTA YA PARA SALIR DE TODO EL ROLLO..
    AL APLICAR UNA IMAGEN DE FONDO AL CUERPO DE LA PAGINA
    OUTER-WRAPPER

    LA IMAGEN SE PONE DESDE ARRIBA HASTA ABAJO OSEA LA CABEZERA TAMBIEN TOMA ESA IMAGEN DE FONDO.

    Y YO QUISIERA SABER COMO PONER LA IMAGEN DE FONDO EN EL CUERPO DE LA ENTRADA PERO QUE NO LLEGE A LA CABEZERA ME EXPLIQUE?

    ResponderEliminar
  113. De hecho el código que te pasé está basado en el de esa plantilla, así es como conseguí esa transparencia.

    Para poner la imagen de fondo ahí busca esta línea:
    #main-wrapper {

    Debajo pega esto:
    background: url(URL de la imagen);

    Saludos.

    ResponderEliminar
  114. Potro pero no respondistes mi ultima pregunta, mira esta plantilla es la Minima..
    http://ciudadbloggerpruebas.blogspot.com/
    yo quisiera saber como hicistes o nose para que donde se escriben las entradas y los sidebar tenga un fondo blanco pero ese blanco no afecta la imagen de la cabezera entiendes? yo al poner una imagen en outer wrapper llega hasta abajo en el footer y hasta arriba en la cabezera y yo no quiero que cubra la cabezera ayudame y ya no pregunto mas:x "hasta que te vuelva a necesitar"
    SALUDOS!

    ResponderEliminar
  115. Te lo respondí en el comentario anterior, necesitas poner ahí la imagen para que esté de fondo en el área de las entradas sin que afecte la cabecera.

    ResponderEliminar
  116. Potro Mil gracias por todos los problemas que me has ayudado a solucionar, te lo agradesco de corazon..

    y si no es mucha molestia mira esto es lo qe yo no me explico hasta ahora..
    http://ciudadbloggerpruebas.blogspot.com/

    ese es tu blog de pruebas ( Uno de los muchos que tienes )

    esa plantilla es la "Minima" y tiene el margen blanco osea qe no cubre el header ni el footer solo donde van las entradas y los sidebar tiene su hoja blanca y eso es lo que yo quiero hacer..

    cuando lo pongo en main-wrapper
    no tiene el formato al final de la pagina..
    por qe cuando lo pongo en sidebar-wrapper el fondo llega hasta donde llega el contenido de la sidebar y el main llega hasta donde llega el contenido de los post entonces no tiene el formato, me puedes ayudar a solucionar eso?

    ResponderEliminar
  117. Entonces agrega el color de fondo en los tres contenedores, es decir, dentro de cada uno de estos:

    #main-wrapper {
    #content-wrapper {
    #sidebar-wrapper {

    Saludos.

    ResponderEliminar
  118. GRACIAS POTRO PERO MIRA TENGO UN PROBLEMA!
    USO LA PLANTILLA MINIMA Y NO ME SALE EL CONTENT-WRAPPER COMO EL SIDEBAR-WRAPPER OSEA NO ESTA EN MI PLANTILLA SOLO DICE CONTENT-WRAPPER PERO DENTRO DE UN "div id" o algo asi.

    como agrego el content-wrapper a la plantilla para tener la opcion de agregar el background y eso.

    y potro mil gracias por tu pasiencia al responder todas mis preguntas tengo mas que claro que soy demaciado pregunton y por lo mismo te pido disculpas y gracias por responder, saludos y suerte man!

    ResponderEliminar
  119. Agregalo junto a los otros, puede ser arriba de #main-wrapper

    #content-wrapper {
    background:#FFF;
    }

    Saludos.

    ResponderEliminar
  120. Hola Potro, ami me dice:
    #outer-wrapper {
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
    text-align: center;
    }

    En width me dice 100%, probe poniendo esa cifra y no funciono. Mi web es www.porvelez.com.ar

    ResponderEliminar
  121. En el caso de tu blog el ancho está en esta parte:
    #blog-wrapper {
    Ese es el que deberás incluir en el código para que se vea el cambio.

    Saludos.

    ResponderEliminar
  122. no me funciona,,, no me aparece nada directamente :S

    ResponderEliminar
  123. Como mencioné al inicio de la entrada, los códigos que pongo de ejemplo son para la plantilla mínima, si se tiene una plantilla personalizada se tiene que buscar el nombre de los contenedores que corresponden para la sidebar y main-wrapper.

    En tu caso los contenedores de las sidebar son, #side-wrapper1 y #side-wrapper2

    ResponderEliminar
  124. Potro! necesito saber como puedo mover una barra lateral donde en mi caso dice barra de video hacia la derecha y el cuerpo de las entradas al medio.

    gracias Potro!

    ResponderEliminar
  125. No se puede pues no son dos sidebars separadas sino una sola dividida en dos :s

    ResponderEliminar
  126. ummmmmmmmmm! entiendo, entonces para mover el cuerpo de las entradas hacia la izquierda y los sidebars hacia la derecha?

    ResponderEliminar
  127. Busca donde dice

    .column {
    float:left;
    }

    Y cambia left por right

    ResponderEliminar
  128. Excelente, ya hice el cambio para una página estática específica, le he quitado una de las dos sidebars del blog, eres un monstruo, Potro!!

    Me costó un poco encontrar el nombre de los contenedores, todos eran diferentes al ejemplo, pero valió la pena.

    Una pregunta, al final de las páginas estáticas aparece un link que dice Página Principal; como puedo cambiarle el nombre a ese link?

    ResponderEliminar
  129. Hola Enrique Muley,

    En algunas plantillas cuesta mucho trabajo encontrar el nombre de los contenedores y puede ser un verdadero martirio, pero por suerte ya pudiste resolverlo :)

    Para cambiar el nombre de esos links (links de navegación) o cambiarlos por una imagen lee esta entrada.

    ¡Saludos!

    ResponderEliminar
  130. Y yo buscando Página Principal en la plantilla..jeje
    Muchas gracias, Potro!

    ResponderEliminar
  131. hola potro. tengo una dificultad , todavia no e podido ocultar los sidebar y que se corriera el texto . puedes mirar aca:

    http://www.cienciaexplicada.com/p/matematicas.html

    mira que todavia no lo e logrado, no se en que estoy fallando ya e intentado buscar los contenedores pero nada.

    si me ayudas te lo agradeceria . gracias

    ResponderEliminar
  132. Lo has logrado en parte, lo que sucede es que tu plantilla tiene imágenes de fondo, por lo tanto aun cuando el contenedor se expanda, las imágenes siguen con su tamaño original.
    Necesitarías editar las imágenes para agregarlas al nuevo código condicional.
    Es un poco laborioso con este tipo de plantillas :s

    ResponderEliminar
  133. hola potro mira que ya pude modificarla , lo depure con google chrome y quedo full ahora puedes mirarlo haber q tal

    http://www.cienciaexplicada.com/p/matematicas.html

    ResponderEliminar
  134. Qué bueno que ya has podido solucionarlo ;)

    ResponderEliminar
  135. Hola!
    Antes de nada, enhorabuena por la página, me gustan mucho tus consejos ;)
    Tengo una duda... la plantilla de mi blog es de 3 columnas (2 sedebar laterales y las entradas en el centro). Tengo varias páginas estáticas, y en una de ellas quería quitar las sidebar. ¿Es posible?, es que no sabía si al poner los códigos que indicas en este post se me iban a quitar las sidebar de todas las páginas...

    Gracias!!

    ResponderEliminar
  136. Hola Mayca,

    Claro que puede hacerse, sólo hay que cambiar la condicional que hace que se oculte en lugares específicos.
    En este caso, cambia la primera línea del segundo código que va antes de </head> por esta otra línea:
    <b:if cond='data:blog.url == &quot;URL de la página&quot;'>

    Ahí agrega la URL de la página en la que quieres que las sidebars no aparezcan.

    Saludos.

    ResponderEliminar
  137. Lo utilicé en mi blog mi blog y me funciona a medias pues se me borra la sidebar pero la página me queda con el ancho original a pesar de que cambie el width.

    El codigo está y esta es una pagina independinte para que lo veas :http://orbitablog.blogspot.com/p/crear-un-post_06.html

    Pd: probé usando un condicional para una entada común y paasa lo mismo: se elimina la sidebar pero no se ensancha la entrada.

    Que puede estar pasando. Gracias!

    ResponderEliminar
  138. En el caso de tu plantilla también debes ensanchar esta área:
    .main .widget {
    float: left;
    width: 547px;
    display: inline;
    background:#fff url(http://2.bp.blogspot.com/_lxBSX0YJV58/SwQkg_x07sI/AAAAAAAAAi0/CGdD6bqHwXM/s1600/box-bg.gif) repeat-x top left !important;
    margin: 0 2px;
    padding: 15px 15px;
    border:2px solid #eaeaea;
    }

    ResponderEliminar
  139. Hola, gracias por toda tu ayuda y tu tiempo. Yo quisiera saber si se puede ocultar la imagen de fondo en una página estática?

    ResponderEliminar
  140. Claro, sólo habría que agregar esto dentro del código que se menciona:

    body {background-image:none:}

    ResponderEliminar
  141. Hola potro..! a ver si me puedes ayudar esta es mi pag : http://www.taumerisch.co.cc/
    No logro ubicar las condicionales, llevo rato y no doy con ninguna..agradeceriaa muchisimoo si me ayudaras.
    ^_^

    ResponderEliminar
  142. Las condicionales no están ahí, se agregan en el blog tal como se explica en la entrada.

    ResponderEliminar
  143. saludos potro..me gustaria saber como hacer para ocultar ademas de las sidebar q me sirvio y lo logre, tambien ocultar en las paginas estaticas el texto en movimiento hacia arriba que tengo y los banner de full tilt y otro de publicidad. q he intentado de todo y no me resulta.
    ojala me puedas ayudar.
    soy adicto a tu blog y los trucos:)

    ResponderEliminar
  144. Ya te había dado una pista aquí pero ahora no me queda claro si querías ocultarlo en las páginas estáticas o en las entradas individuales.
    Pero es igual, localiza la ID del gadget que contiene esas publicidades tal como te expliqué en la otra entrada y agrega esto al código de la sidebar escondida:

    #HTML1 {display:none; visibility:hidden;}

    Donde dice HTML1 va el nombre de la ID del gadget que quieres ocultar.

    Saludos.

    ResponderEliminar
  145. saludos potro, una consulta...en vez de ocultar las sidebar en las entradas cuando uno entra al enlace por ejemplo: http://todoespoker.blogspot.com/2010/07/neteller.html
    notaras que aparece la sidebar al lado derecho y en el lado izquierdo esta la entrada, lo que quiero lograr es agrandar el widht de la entrada para que quede casi pegada a la sidebar.
    ojala me haya explicado bien y me puedas ayudar
    de antemano. gracias.

    ResponderEliminar
  146. Más o menos igual, dentro del código condicional para ocultar la sidebar agrega el tamaño del área de las entradas que deseas, es decir, el ancho de la sidebar que has ocultado súmasela al #main-wrapper para que se expanda.

    ResponderEliminar
  147. mmm ay no entendi mucho potro, perdona pero soy novato en esto..me lo podrias mostrar con codigos o donde lo deberia poner por favor, perdona por molestarte
    saludos y gracias por tu paciencia

    ResponderEliminar
  148. Supongo que ocultaste la sidebar usando un código condicional, si es así debió quedarte como el segundo código que se muestra en esta misma entrada, de ser así entonces mira el código para que veas cómo debería ser, el #main-wrapper deberá tener el ancho más grande, es decir, el ancho normal más el ancho de la sidebar que ocultaste.
    Por ejemplo, si tu #main-wrapper mide 476px entonces en el código condicional deberá medir 476px más el ancho de la sidebar derecha.

    Revisa bien los códigos que se explican en esta entrada para que entiendas de qué se trata.
    También mira esta entrada que habla sobre todos los códigos condicionales.

    ResponderEliminar
  149. Potro una consulta, buscando con F3 no encuentro Expandiendo plantilla de articulos, ni main-wrapper, sidebar-wrapper ni outer-wrapper

    Mi pagina es www.videosporvelez.blogspot.com

    Saludos!

    ResponderEliminar
  150. En las plantillas nuevas de Blogger no sé cómo estén distribuidas las secciones, son otros códigos y desconozco cuáles son los nombres de las secciones que le corresponden :s

    ResponderEliminar
  151. Sabes donde puedo encontrarlo a eso? O alguna web que explique eso?
    Ya que necesito borrar el sidebar asi las paginas estaticas son mas grandes...
    Saludos!

    ResponderEliminar
  152. Pues tendrías que buscar en la plantilla y hacer tus experimentos como todos, yo la verdad es que no me he metido mucho en las plantillas nuevas por eso no sabría decirte.

    ResponderEliminar
  153. Potro, hise en otra página todo lo que tenía que hacer, pero hay un problema...
    Hise todo,, le de de wight 0 a la sidebar 2, sidebar 3, sidebar 4 y a el main le di el ancho que le debia dar... y mira como quedo todo:
    http://www.porvelez.com.ar/p/el-club.html

    ¿Qué habra pasado?
    Saludos!

    ResponderEliminar
  154. Potro, hise en otra página todo lo que tenía que hacer, pero hay un problema...
    Hise todo,, le de de wight 0 a la sidebar 2, sidebar 3, sidebar 4 y a el main le di el ancho que le debia dar... y mira como quedo todo:
    http://img228.imageshack.us/img228/7333/paginaestaticanofuncion.png

    ¿Qué habra pasado?
    Saludos!

    ResponderEliminar
  155. No lo sé, tendría que verlo puesto para ver los códigos funcionando, quizá sea algún otro estilo o algo está faltando.

    ResponderEliminar
  156. he logrado esconder la sidebar en las entradas, pero con respecto a las entradas, la idea no era esconder la sidebar, lo que me pasaba es que el main estaba al centro (incluso le puse float: left, pero aun asi seguia en el centro) y la sidebar pegada a la derecha, intentaba agrandar el widht del main para que ocupara el espacio restante de la izquierda, pero lo que pasaba era que se agrandaba hacia el lado derecho en vez del izquierdo haciendo que la sidebara se bajara...y lo que pretendia era que se agrandara hacia la izquierda para que quedara la sidebar donde correspondiese...
    no se si me habre explicado bien, pero si sabes como puedo arreglar ese problema, me ayudarias bastante por favor
    de antemano. gracias

    ResponderEliminar
  157. Ummm no lo sé, aunque he entrado a tu blog y tanto en las páginas como en las entradas veo que has ocultado perfectamente las sidebar sin ningún problema.

    ResponderEliminar
  158. ya no t preocupes igual gracias por la preocupacion
    una consulta, he notado que tu compraste un dominio propio de esos que ofrece el mismo blog. es correcto?????
    si es asi, que opinas? vale la pena? cuales son las diferencias? o si tienes alguna entrada hablando de todo con respecto a eso.
    ojala me puedas ayudar por favor.
    gracias.

    ResponderEliminar
  159. Hay una entrada con esa información acerca de los dominios, échale un vistazo:
    Todo lo que hay que saber antes de comprar un dominio

    ResponderEliminar
  160. ¿Como sería el condicional si sólo es para que desaparazcan las laterales en una página o algunas y no en todas?

    Gracias

    ResponderEliminar
  161. Mira esta entrada, ahí están todas las condicionales que especifican dónde se muestran y dónde no se muestran los elementos.

    ResponderEliminar
  162. Potro, una pregunta, fijate en mi pagina, la seccion Estadio no se ve el sidebar y yo quiero q se vea como todas las otras paginas estaticas, yo estube probando antes, pero siempre con vista previa...
    Que anda pasando?
    Saludos!

    ResponderEliminar
  163. Si no me equivoco esa entrada la copiaste de Word así que al copiarla agregó muchos códigos en la entrada.
    Tienes que hacerla de nuevo y no copiar desde Word (u otro sitio) para que no aparezcan todos los códigos que perjudican a la sidebar.

    ResponderEliminar
  164. Gracias Potro, problema solucionado
    Saludos!

    ResponderEliminar
  165. Hola! buenisima la info me encantarìa hacerlo pero...ufa!!! no me sale! uso una plantilla del nuevo diseñador de blogger y no me aparece ningùn còdigo de los que mencionas,lo que me gustarìa es mostrar las 2 sidebar que tengo,sòlo en la pàgina de inicio, pero ya me leì y el post y los 167 comentarios jeje pero,nada! como podrè hacer?
    Si puedes ayudarme te lo agradecerìa mucho! saludos

    ResponderEliminar
  166. Amigos, gracias por la ayuda. He utilizado muchos de los trucos con todo éxito. PERO AHORA no encuentro #outer-wrapper {, . Estoy utilizando una de las nuevas plantillas de blogger. ¿El elemento tiene otro nombre?
    www.jungcolombia.blogspot.com

    ResponderEliminar
  167. mariangeles, te la voy a deber, con las plantillas nuevas no sé pues poco sé de ellas :(

    Lisímaco Henao H., lo mismo que le he comentado a mariangeles, si encuentro un modo que funcione para esas plantillas ampliaré esta entrada con la explicación.

    ResponderEliminar
  168. En las nuevas plantillas tienen otro nombre pero funciona igualmente. Creo recordar outer-left, outer-right, etc. No recuerdo los nombres exactamente de cada parte pero son intuitivos. Es decir, si vais recorriendo el código html los nombres de cada parte os darán la pista

    ResponderEliminar
  169. Gracias Potro me ha servido de mucha ayuda este post.
    Está explicado de forma genial

    ResponderEliminar
  170. SPV Hockey Línea, mi intuición no anda muy bien porque busqué y busqué y no encontré, pero hoy más tarde daré de nuevo un repaso por la plantilla.

    Javier, muchas gracias!

    ResponderEliminar
  171. Hola potro, he intentado realizar esto que dices en mi blog, pero no trabaja!! quizá sea porque tengo dos sidebars y esto varía el código que debo incluir???

    simplemente quiero eliminar toda la sidebar, dejando la pagina en blanco, con solo el contenido de la página y el encabezado del blog con el selector de páginas, claro...

    http://manualdemimismo.blogspot.com/p/sobre-el-blog.html

    ResponderEliminar
  172. Hola JoseCunyat,

    Los códigos son para las plantillas basadas en la plantilla Mínima, en las nuevas plantillas del diseñador de Blogger no funciona.
    Más adelante que estudie un poco la estructura de esas plantillas ampliaré la entrada dando el código para esas plantillas.

    Saludos.

    ResponderEliminar
  173. Potro como hago para tener un fondo de color q desee, o mejor x ejemplo como tu blog en el sidebar q es de color negro.

    http://emotiontv.blogspot.com/

    ResponderEliminar
  174. Dentro de h2 { debe ir el color del background.

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

    ResponderEliminar
  176. Hola Potro,

    ¿Cómo podría hacer para ocultar en las páginas de las entradas las 3 columnas que tengo en el pie de mi blog?

    Gracias

    ResponderEliminar
  177. Hola Ricardo Baena,

    Sólo agrega dentro de ese código para ocultar la sidebar este fragmento:

    #footer-wrapper {
    display: none;
    visibility: hidden;
    }

    ResponderEliminar
  178. Pero yo solo quiero ocultarlas en las páginas de cada una de las entradas, no en la principal. ¿Con eso es suficiente?

    ResponderEliminar
  179. En ese caso pega antes de </head> esto:

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style>
    #footer-wrapper {
    display: none;
    visibility: hidden;
    }
    </style>
    </b:if>

    ResponderEliminar
  180. Otra duda en mi plantilla tendo dos sidebar, al parecer noc si fue uno partido en dos, lo que deseo es agregar un gadget debajo de ellas o encima para poder agregar algo mas ancho ya q esos dos son muy angostos espero que me hayas entendido, graciassssss!

    http://emotiontv.blogspot.com/

    ResponderEliminar
  181. Pues tendrías que agregar otra sidebar encima de la que ya tienes.
    A modo sencillo es así, busca sin expandir artilugios la etiqueta <div id='sidebar-wrapper'> y arriba de ella agrega esto:
    <div id='sidebar-wrapper-2'>
    <b:section class='sidebar' id='sidebar-otra' showaddelement='yes'>
    </b:section>
    <div style='clear: both;'/>
    </div>

    ResponderEliminar
  182. Potro te lo pregunto aquí, porque no se donde hacerlo, ¿Como puedo dividir el espacio entre la entrada y la columna lateral, tal y como tu lo tienes?

    ResponderEliminar
  183. No he entendido bien a qué espacio te refieres. ¿Me podrías dar un ejemplo?

    ResponderEliminar
  184. Me refiero al espacio que queda entre el main y la sidebar, es decir, tu fondo es de color gris y el maain y la sidebar son de color blanco y entre ambos elementos hay un minimo espacio.

    No se si así me he explicado mejor

    ResponderEliminar
  185. Todas las plantillas tienen ese espacio sólo que a veces no se distingue porque no tiene un color distinto el fondo. Lo único que sucede es que tanto el main-wrapper como el sidebar-wrapper tienen un borde, y el outer-wrapper tiene un color de fondo distinto.

    ResponderEliminar
  186. Entiendo, pero tengo un problema, y es que he intentado modificar esos elementos (el outer, la sidebar,...), pero en las plantillas nuevas no vienen especificados con esos nombres y no tengo ni idea de como se hace.

    ResponderEliminar
  187. Para las plantilla nuevas aún no sé cuáles sean los nombres de esos contenedores así que no podría decirte cuál es el código en cuestión que se debe utilizar :(

    ResponderEliminar
  188. De acuerdo. Pues de momento lo dejaré así, hasta que se sepa como hacer, gracias de todos modos

    ResponderEliminar
  189. T-T hola XD donde encuentro el "outer-wrappe" no sè donde u.u no me sale lo de ocultar no sè cuanto mide, ayuda u.u

    ResponderEliminar
  190. Las plantillas nuevas de Blogger no tienen los mismos nombres y el procedimiento es un poco distinto por lo mismo.

    En esta semana publicaré una entrada que explique cómo hacerlo para las plantillas nuevas ya que muchos lo han solicitado.

    Saludos.

    ResponderEliminar
  191. Ah XD nunca me iba a salir u.u

    bueno gracias, estarè al pendiente! ºOº ñam~

    ResponderEliminar
  192. Hola potro , quisiera que en mi blog , en la pagina principal apareciese una sidebar y en alguna de las estaticas otra sidebar totalmente diferente y en el mismo lado que la de la principal , con enlaces y todo eso , es posible? , no se si me he explicado bien .
    Gracias por tan maravilloso blog .

    ResponderEliminar
  193. Pues no sé qué tan elaborado lo quieras pero puedes empezar a probar con las condicionales de Blogger, con esas condicionales podrás hacer pruebas para que la sidebar se vea distinta según donde quieras.
    Al final de esa entrada hay un ejemplo justo sobre una modificación de la sidebar.

    ResponderEliminar
  194. Hola Potro! muchas gracias por tus trucos, he ocultado la sidebar pefectamente tanto en los posts como en las páginas. Me gustaría que las entradas y las páginas ocuparan todo el ancho del blog y que estén centradas, como podría hacerlo? muchas gracias , un saludo.

    ResponderEliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
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
¿Te gusta Ciudad Blogger?