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

Ocultar sidebar en las páginas estáticas para plantillas nuevas

6 de octubre de 2010 | Número de comentarios297 comentarios
Hace unos meses vimos cómo ocultar la sidebar en las páginas estáticas cuando recién las páginas estaban disponibles en Blogger. Es un método que funciona muy bien para las plantillas clásicas, sin embargo, después aparecieron las nuevas del Diseñador de plantillas de Blogger y ese método no funciona para ellas.

Así que veremos cómo ocultar la sidebar en las páginas estáticas para quienes usan plantillas nuevas del Diseñador de plantillas de Blogger.

Primero tenemos que conocer el ancho total del blog, este lo sabremos buscando una línea como esta:
<b:variable default='930px' name='content.width' type='length' value='960px'/>
Ese último número es el ancho del blog, en este caso es de 960px y es el que necesitamos. Sino tuviéramos ese último número entonces tomamos el primero que aparece.

Luego buscamos esta línea:
<div class='column-left-outer'>

Y la cambiamos por esta:
<div class='column-left-outer' id='sidebar-left'>


También buscamos esta línea:
<div class='column-right-outer'>

Y de igual forma la cambiamos, pero por esta otra:
<div class='column-right-outer' id='sidebar-right'>


Ahora buscamos la etiqueta </head> y pegamos ANTES de ella lo siguiente:
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#sidebar-left {
display: none;
visibility: hidden;
}
#sidebar-right {
display: none;
visibility: hidden;
}
#main {
width: 960px; /* Aquí va el ancho total del blog */
}
</style>
</b:if>

Sólo cambiamos donde indica que va el ancho total del blog y con eso habremos ocultado la(s) sidebar(s) en las páginas estáticas.

En el caso de que tu plantilla tenga una sidebar en la izquierda entonces buscamos una línea como esta:
<b:variable default='0' name='main.column.left.width' type='length' value='180px'/>

Y vemos el último número que es el ancho de esa sidebar. A ese valor (en este caso de 180px) le restamos 25px, es decir, serían 155px en nuestro ejemplo.

Luego debajo de #main { agregamos un margen izquierdo donde restaremos el ancho de la sidebar menos los 25px.
Quedaría así ese fragmento:
#main {
width: 960px; /* Aquí va el ancho total del blog */
margin-left: -155px;
}

Ahí lo que hemos hecho es restar el ancho de la sidebar izquierda para que no quede un espacio vacío y las entradas no estén inclinadas al lado derecho.

Éste último procedimiento, es como dije, sólo para quienes tienen una sidebar en el lado izquierdo de la plantilla. Para los demás habrá bastado con los primeros pasos.

297 comentarios :

  1. hola tengo una duda en mi blog e puesto para leer mas en las entradas pero las imajenes son pequeñas aki mi blog
    http://wweenvivoonline.blogspot.com/
    evisto en otros blog que las imajes son grandes y salen arriva asi como este blog http://www.tr7live.net/
    e intentado de todo pero no peudo hacer eso aver si me puedes ayudar potro gracias

    ResponderEliminar
  2. Hola POTRO,k ondas man,nomas keria preguntarte como poner estos iconos ,xq los puse pero no me mandan a ningun lado,nomas estan ahi!
    mira :
    http://i55.tinypic.com/slh405.jpg
    http://i52.tinypic.com/ae44ut.jpg
    Osea los kiero poener pa retwittear directo o ya sea a twitter o facebook,porfavor si sabes algo avisame gracias!

    ResponderEliminar
  3. Hola Gerardo A.,

    Busca esta parte:

    img_thumb_height = 150;
    img_thumb_width = 150;

    La primera línea es la altura de las imágenes en miniatura, y la segunda es el ancho. Puedes modificar esos valores para hacerlas más grandes.

    ResponderEliminar
  4. ¡¡¡Potro, jefe, que grande eres!!!

    Un millón de gracias por el post. Es genial y creo que ya está funcionando correctamente en mi "blog/web" de la Peña Madridista Riosa.

    Te debemos demasiado, no sé como pagarte todo lo que has hecho por nuestro espacio en la web.

    Gracias.

    ResponderEliminar
  5. lerh, por nada, saludos!

    Microboy90, pues tendrías que revisar bien si has puesto correctamente el código, muy posiblemente haya un error ahí en los caracteres que hace que se rompa el vínculo.

    ResponderEliminar
  6. buenas tarde potro...feliz por tu web....tengo una pregunta pero no es de este tema...quisiera saber como hago un formulario de contacto como el que tienes cuando una abre el link de anunciate aqui......me gustaria muchisimo que me colaboraras

    ResponderEliminar
  7. *o* waaa gracias por fin pude wuju!

    ResponderEliminar
  8. samu, con tu visita es más que suficiente :)

    karloselectronica, el que yo uso es este, y para que abra así he usado Shadowbox.

    Miki-kun, me alegra que te haya salido todo bien!

    ResponderEliminar
  9. POTRO,pss yo no modifique nada,nomas le puse otros iconosy url,pero de ahi no siriveron!
    Otra cosa potro,mire un post tuyo sobre un letreo flotante k cada ves k baja o sube la pag se movia,y tenia lo de feedburner suscripcion,lo puse,pero ya no me gusto y kiero kitarlo,me podrias pasar el link de ese post porfavor ya k ya no me acuerdo como se llama el post,gracias te lo agradezco!

    ResponderEliminar
  10. potro hice lo que me dijistes pero cuando quiero utilizar el formulario de contacto en una ventana shadowbox me pide colocar una url y en emailmeform me dan es un archivo html....que tengo que hacer???

    ResponderEliminar
  11. Hola Potro, era el post que estaba esperando jeje, pero tengo un problemita, hago los pasos como dices pero se junta el texto de las entradas con la sidebar derecha, en las pàginas estàticas, a mi me gustarìa sòlo ocultar la sidebar izquierda( tengo una a cada lado de las entradas)¿ se podrà?porque intentè de varias maneras ,pero sin èxito.(sòlo ocultar la izquierda, en las estàticas ¿y la de inicio, si se puede?
    saluditos!

    ResponderEliminar
  12. Potro! mira el menú aumente mas categorias luego de sacar el searh que hubo y me aparece asi! osea luego de agregar mas categorias se distorcionan y se bajan: miralo!

    http://arch-tube.blogspot.com/

    ResponderEliminar
  13. Microboy90, pues justo al cambiar o poner esas URL fue que quedó mal. Mira esta entrada, ahí verás un archivo que contiene los códigos de los botones tal como deben ir. La otra entrada que buscas es esta.

    ciencia, en ese cuadro del código que te da hay un poco más arriba una URL, esa es la que debes utilizar.

    Franco Paravecino, quizá es el menú, no lo sé. Desde hace mucho que modifiqué todas esas áreas de esa plantilla y ya no recuerdo nada :S

    ResponderEliminar
  14. Mariangeles,

    No me ha quedado muy claro el problema, pero si quisieras que la sidebar derecha no se oculte entonces elimina esta parte del código:

    #sidebar-right {
    display: none;
    visibility: hidden;
    }

    Si continuaras con el problema que mencionas pon los códigos y tu plantilla y dime cuál es la página de ejemplo que tienes para poder entender un poco mejor el fallo.

    Saludos.

    ResponderEliminar
  15. Oye, Potro, tengo un pequeño problema:

    Mi plantilla separa la sidebar del resto del Blog con una línea grisacea vertical que me gustaría no apareciese en las páginas estáticas,

    Se me ocurre que tal vez pudiera cambiarse con un condicional (coloreandola de otro color en las páginas estáticas) o quitarla definitivamente, pero no se como se hace.

    ¿Puedes ayudarme un poco?

    Te enlazo a mi blog personal (My Heart´s Corner) y mi blog de truquitos (Jugando con Blogger)

    ResponderEliminar
  16. potro una pregunta: porque cuando publico una entrada no me sale en google.....he visto paginas que publican contenido y al rato uno lo busca en google y aparece....a que se debe eso??

    ResponderEliminar
  17. Hola samu,

    Agrega antes de #main { este código:

    .fauxcolumn-left-outer .fauxcolumn-inner, .fauxcolumn-right-outer .fauxcolumn-inner {border:0;}

    Con eso dejarán de verse esos bordes en las páginas estáticas.
    Gracias por los enlaces.
    Saludos.

    ResponderEliminar
  18. karloselectronica, eso depende de Google directamente y de que algunos blogs están mejor posicionados que otros.

    ResponderEliminar
  19. potro quiero hacerte una propuesta......si colocas un enlace o imagen de mi blog en tu web y yo coloco uno tuyo en la mia

    ResponderEliminar
  20. Hola Potro
    Gracias por tu respuesta y perdòn por tardar en contestar, hoy es un dìa complicado.
    Ya pude ocultar el texto de la sidebar izquierda, pero el fondo azul, sigue quedando.Lo que me gustarìa es mostrar èsta sidebar sòlo en entradas individuales y que en las estàticas e inicio se vea blanco el fondo de la sidebar,no azul,pero... no sè como hacer ¿ se podrà?; para que veas como queda te dejo la direcciòn: http://generofem.blogspot.com/p/foro-comunidad.html

    Saludos y graciasss

    ResponderEliminar
  21. jeje de nuevo yo!
    Ya pude mostrar la sidebar izquierda sòlo en las entradas individuales, gracias!!, lo logrè guìandome por las condicionales que pusiste en otra entrada, de tanto estar en tu blog , voy aprendiendo!!
    Sòlo me queda poder ponerle fondo blanco, a la sidebar izquierda, en todos lados menos en las entradas idividuales, eso sì no sè si se puede... ¿me das una ayudita, si se puede hacer?
    Millòn de gracias!!

    ResponderEliminar
  22. Dios Potro, eres un genio!

    Gracias de verdad. Ha funcionado a la perfeccion. No hay nada que agadecer por los enlaces (si tu blog es útil y funciona bien, se te enlaza y punto).

    Muchas gracias de nuevo. Si algún día cierras esta enciclopedia de blogger no se te olvide dejar antes una copia impresa a la venta y te harás de oro. Jejejej.

    Un abrazo.

    ResponderEliminar
  23. Hola Potro..
    Otra vez yo, la verdad que gracias a vos me quedo muy buena mi web... www.porvelez.com.ar
    mi consulta ahora para arreglar algunos detalles era, de como cambiar la fuente al menu de arriba (porque ahi dos, el que tiene el fondo de ladrillos negros)
    porque por ejemplo dice: inicio, yo quiero que diga Inicio (la I en mayuscula).
    Cuando edite el menu, le puse con mayuscula la primer letra, pero nose que fuente es que hace que aparecesca en minuscula.
    Necesito que me digas como cambiar de fuente o hacer que se vea en mayuscula nomas...
    Saludos!

    ResponderEliminar
  24. karloselectronica, lo siento, no participo en intercambios.

    samu, esa es buena idea, cuando me quede sin empleo tendré que considerarla :P

    ResponderEliminar
  25. Hola Mariangeles,

    En el código que has puesto hay un error de sintaxis y es por eso que la entrada no se corre hacia la izquierda para ocupar el espacio vacío.

    Elimina el código que pegaste antes de </head> y en su lugar pon este:

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <style type='text/css'>
    #sidebar-left {
    display: none;
    visibility: hidden;
    }
    #main {
    width: 770px;
    margin-left: -170px;
    }
    .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {background:#FFFFFF;}
    </style>
    </b:if>

    Con ese incluso desaparecerá la sidebar izquierda en la portada.
    Saludos.

    ResponderEliminar
  26. Hola Potro, modifiquè el còdigo como me decis,peguè el que me diste, pero la entrada en lugar de correrse a la izquierda ,se corre a la derecha y casi la mitad de la entrada queda en la sidebar derecha,superponìendose con el texto de èsta.¿ Como puedo arreglarlo? Es èso lo que quiero hacer, pero que se corra pra el otro lado la entrada jeje ¿ Me podràs ayudar?, si no; no te preocupes, ya te estoy muy agradecida por toda tu ayuda.
    Saludos.

    ResponderEliminar
  27. Me olvidè, perdòn, las medidas que tengo en el blog son:
    ancho del blog: 1000
    columna izquierda: 180
    Columna derecha : 300
    ¿ Serà que tengo que cambiar algo de eso?
    Gracias por tu paciencia!!!je

    ResponderEliminar
  28. Potro, vas a acabar poniendome el título de pesado mayor de la ciudad, pero nuevamente necesito de tu ayuda.

    Quiero poner un fondo a la sidebar (que no sea el blanco que viene por defecto) pero no tengo ni idea de como hacerlo y estoy seguro de que tú si.

    ¿Puedes ayudarme?

    ResponderEliminar
  29. Coloush +16, busca las dos veces que aparece text-transform: lowercase; en tu plantilla y elimínalo.

    Mariangeles, pues con ese código debió quedar así, al menos en una prueba que hice funcionó. Ponlo y me dices cuando lo hayas puesto para ver el problema.

    samu, ¿es plantilla de las nuevas o una clásica?

    ResponderEliminar
  30. Es una mínima del diseñador de plantillas de blogger, jefe.

    ResponderEliminar
  31. Potro, gracias por la intenciòn igual, pero no importa lo dejo asì, porque con el còdigo que me dices,aparte de lo que te comentè, en la parte de diseño desaparece la sidebar izquierda y el cuerpo, donde van las entradas y otros widget se queda encima de la sidebar derecha,no puedo modificar nada en diseño.
    Pero te agradezco sinceramente, por tu ayuda y ya te molestarè en otro post, seguramente :)
    Saludos.

    ResponderEliminar
  32. samu, la Mínima es de las clásicas, supongo que entonces te refieres a la Simple de las nuevas; te dejo un enlace de Oloblogger que explica cómo hacerlo:
    http://oloblogger.blogspot.com/2010/06/cambiar-el-fondo-principal-en.html

    Mariangeles, también eso tiene solución pero si deseas dejarlo así no hay problema ;)

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

    ResponderEliminar
  34. Ahhh!! no,no,no si tiene soluciòn me arrepientoooo!y sigo probando jajaja cuèntame sigo tus pasos:jeje
    peguè el còdigo que me diste antes de /head,como la entrada quedaba encima de la sidebar derecha cambiè esto:width: 770px y en lugar de 770 puse 450 y ya no se encima,pero tampoco se corre a la izquierda( puedes ver que queda un poco "desprolijo" en el centro ,la entrada http://generofem.blogspot.com
    pero no hay caso con que se corra a la izquierda,bueno y hasta ahì diò mi cerebro jeje ahora,me dices que hago con la parte de diseño por favor?y si sabes comooo puedo correr a la izquierda las entradas :( te lo re agradezco!

    ResponderEliminar
  35. De hecho parece que ya has resuelto que se corra a la izquierda el área de las entradas pues veo que ya están bien alineadas, sólo algo angostas, tal vez quieras ponerle un valor más alto en lugar de 450, quizá unos 580px

    Para que en Diseño puedas ver todos tus gadgets agrega antes de #main lo siguiente:

    body#layout #sidebar-left {display:block !important; visibility:visible !important}
    body#layout #main {width:450px !important;}

    Saludos.

    ResponderEliminar
  36. Potro, al fin logré solucionar mi menú ahi con dolores de cabeza pero lo hize! jaja, otra ayuda, bueno ve las fotos y sabras a q me refiero deseo alinear esto : miércoles, octubre 06, 2010 | Publicado por El Potro | Etiquetas: Trucos x ejemplo de este post debajo del titulo.

    http://lh6.ggpht.com/_2oDIdiFuF-c/TK6dBwyY5eI/AAAAAAAAA_k/MA_rfyat1hg/s912/dsddsdg.png


    http://lh5.ggpht.com/_2oDIdiFuF-c/TK6dB-rnkKI/AAAAAAAAA_g/JESmwiM23zw/s912/dsddsd.png



    GRACIAS

    ResponderEliminar
  37. a Potro tabn de acá saque en leer más, pero en la pagina principal solo se ven 3 entradas de las 7 que puse en la configuración del archivo del blog para q se vean.

    ResponderEliminar
  38. Hola de nuevo Potro,gracias! ahora sì puedo ver ,en diseño, la sidebar izquierda, pero la parte del medio(donde tengo las entradas y otros gadget) la mitad queda atràs de la sidebar derecha( o sea, no puedo ver donde dice editar),¿podrìas por favor, ayudarme en èso?serìa lo ùltimo que me quedarìa arreglar.
    Mileeesss de gracias por tu ayuda!

    ResponderEliminar
  39. Potro, jefe, lo que yo quiero hacer es ponerle un fondo azul a mi sidebar (que sólo se ve en la página principal del blog y no en las páginas

    Lo siento si no me expliqué bien pero el link a oloblogger que me pusiste es para cambiar el fondo del blog.

    Gracias!!!

    ResponderEliminar
  40. hola potro, perdon que me salga del tema nuevamente, espero que me puedas ayudar como puedo ocultar la fecha de los post en las nuevas plantillas de blogger,
    gracias potro

    ResponderEliminar
  41. Hola Franco Paravecino,

    En esta entrada verás cómo poner esos datos debajo del título.

    Desde hace unos meses Blogger muestra automáticamente en la portada el número de entradas que considera que son suficientes con el fin de no hacer lentos los blogs.

    ResponderEliminar
  42. Hola Mariangeles,

    Prueba poniendo un valor más bajo en el último código que te di, es decir, aquí:
    body#layout #main {width:450px !important;}

    Quizá con un 300px puedas verlo de regreso.

    ResponderEliminar
  43. Hola samu,

    Mil disculpas, por andar a las carreras no leí bien.
    Busca en tu plantilla un código parecido a este:

    <Variable name="widget.outer.background.color" description="Background Color" type="color" default="transparent" value="#ffffff"/>

    Ese último código de color que he marcado en negrita es el color de las sidebars, puedes poner el color que quieras.

    ResponderEliminar
  44. Hola lerh,

    El procedimiento es igual que con las plantillas clásicas, sólo entra en Diseño > Elementos de la página y da click en Editar sobre el elemento llamado Entradas del blog, ahí desmarca la casilla de la fecha y guarda los cambios.

    ResponderEliminar
  45. Gracias jefe, voy a probar a ver que tal.

    No hacen falta las disculpas. No pasa nada, todos podemos confundirnos. Además sería yo quien debería pedier disculpas por estar a punto de convertirme en tu peor pesadilla y estar siempre dandote trabajo.

    ResponderEliminar
  46. Potro, mi plantilla juraría no trae ese codigo. En el grupo gadgets solo trae:

    Widget title font
    widget title text color
    widget 'alternate' Text color

    ¿se lo añado a continuación?

    ResponderEliminar
  47. ¡¡¡Ya està todo perfectoooo!!!
    10.0000 de gracias!!!!!!
    Saludos

    ResponderEliminar
  48. Potro, estoy de vuelta.

    Veamos, lo he probado (añadiendo ese código) y resulta que esto me cambia el color de fondo del cuerpo del blog. (entrada más sidebar). Yo quería solo azul la caja de la sidebar. Para hacerla destacar más. Un estilo a lo que tu tienes aquí (que el fondo de la sidebar (dividida en 2) es gris y el resto de la entrada blanco.

    ResponderEliminar
  49. Mariangeles, qué bueno que ya ha quedado todo como querías :)

    samu, pues ese código sólo debería afectar a la sidebar. Dime en cuál blog lo quieres hacer para revisar el código.

    ResponderEliminar
  50. Potro, muchas gracias denuevo!
    Saludos!

    ResponderEliminar
  51. Hola amigo vengo haber si me pudieras ayudar con una duda , la duda es como podria cambiar el tamaño de una sidebar al entrar a un post , si te doy ejemplo:
    http://peliculasdirecto.blogspot.com/

    en esa pagina la sidebar son un de tamaño , pero al entrar en el post estan cambian de tamaño se hacen mas grandes , y ademas las sidebar de la portada no salen , es raro tratandose de blogger, bueno sin mas espero y me puedas ayudar , salu2

    ResponderEliminar
  52. El blog es el de siempre. Peña Madridista Riosa. Con en código me ponía en azul todo lo que está en blanco. Ahora he vuelto a probarlo y simplemente no hace absolutamente nada.

    Gracias por tu paciencia.

    ResponderEliminar
  53. tHeLaRiOs, eso se hace usando condicionales de modo que en la portada establezcas un ancho y que en las entradas individuales tenga otro. Ahí en ese enlace que te puse hay un ejemplo de cómo se usan para que te des una idea.

    samu, ok, el código que te di no funciona para la Simple, pero sólo busca .fauxcolumn-right-outer .fauxcolumn-inner { y debajo agrega esto:
    background: #cccccc;

    ResponderEliminar
  54. Gracias Potro.

    Ya funciona. Eres un genio.

    Volveré a dar la murga en breves.

    ResponderEliminar
  55. Tal y como prometo, Potro, aquí eestoy de nuevo.

    El código que me has puesto antes ha coloreado mi siddebar de color azul (tal y como yo deseaba, pero lo ha hecho así en todo el blog (incluso en las páginas estatáticas, donde le había dicho que no me pusiera la sidebar.

    ¿cómo puedo arreglar esto?

    ResponderEliminar
  56. Sólo agrega antes de #main esto:
    .fauxcolumn-inner { background: #FFFFFF;}

    Con eso condicionas que en las páginas estáticas el color de fondo sea blanco.

    ResponderEliminar
  57. Jefe, Potro, no me funciona.

    Ademas tengo descolocada la tabla en la que se meten los iconos de las redes sociales..

    ResponderEliminar
  58. Sigo a las carreras :P

    El código completo que va antes de #main es este:
    .fauxcolumn-right-outer .fauxcolumn-inner {background: #FFFFFF;}

    ResponderEliminar
  59. GENIOOOOOOO! que eres un maldito genio.

    Muchísimas gracias Potro! Te debo una más.

    ResponderEliminar
  60. Hola Potro,

    otra vez pasando por acá para seguir aprendiendo (o tratando de aprender) sobre esta cuestión de los blogs. Y otra vez, con ganas de felicitarte por compartir con todos estos consejos (más aún, con los que estamos utilizando estas nuevas plantillas).

    En el blog: http://calidadfeyalegria.blogspot.com quisiera hacer algo parecido a lo que propones acá, pero ocultando un cuadro de texto (puesto en el diseño como gadget) que tengo incluido debajo del header del blog y del menú de las páginas estáticas (es una bienvenida que, precisamente, no quiero que se vea en las páginas estáticas, pues se puede decir que "está de más").

    Miré por un buen rato el código y me di cuenta que realmente me falta mucho para empezar a hacer estos cambios por mi cuenta. Por eso acudo a tí, por si puedes ayudarme con esto.

    Una vez más, muchas muchas gracias.

    ResponderEliminar
  61. Muchas gracias como siempre por tus amables comentarios. Me da gusto que tengas ganas de aprender, y bueno, no hay que desesperarse, poco a poco irás aprendiendo más sobre estos temas.

    Mira esta entrada que dice cómo hacer para que un gadget se muestre sólo en las páginas individuales. Tú harás lo mismo, sólo que en lugar de poner la primera línea roja que se menciona ahí, deberás poner esta otra:
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

    Con eso harás que el gadget no se muestre en las páginas estáticas.

    Saludos.

    ResponderEliminar
  62. Hola Potro!!
    Te comento que en mi Blog en las entradas se ven como enmarcadas (es decir, yo tengo el fondo transparente de este modo se ve la imagen del fondo), y cuando hice todo lo mencionado arriba para poder de ese modo tener un mejor aspecto cada que das click a una pagina, aparecia el mismo marco, de hecho adoro como queda, PERO resulta que se "descolocada" es decir se salia de margen y quedaba horrible no se si me explico.
    Bueno el punto es que en mi caso mi Blog tiene un ancho de 950, pero en la parte que va arriba de HEAD y debia poner el ancho correspondiente le puse 850, sólo así me quedó prolijo y con el mismo marco que tienen mis entradas.
    Como verás esta no es ninguna consulta, sino podriamos decir que un "aviso" talvez?
    Tal vez es solo por la plantilla que utilizo que es la de "Plantilla Picture Window de Josh Peterson. Imágenes de plantillas de enjoynz. Con la tecnología de Blogger"
    Era sólo un comentario, nada más, tal vez es sólo custión de esta plantilla.
    Bueno Besitos ♥
    *Creo que esto es como un trabalenguas ^^

    ResponderEliminar
  63. Gracias por el tip. Sin duda cada plantilla dentro de la variedad que tiene Blogger es un tanto única y cada una requiere ajustes específicos y no hay mejor manera de encontrarlos que experimentando un poco tal como tú lo has hecho :)

    Gracias nuevamente por compartirlo.
    ¡Besos!

    ResponderEliminar
  64. WAWWWWAJJJJAAA por fin lo he consguido, mil gracias

    ResponderEliminar
  65. Muchas gracias! me sirvió lo que enseñaste. Saludos

    ResponderEliminar
  66. Me da gusto que te haya sido útil. Saludos!

    ResponderEliminar
  67. una pregunta rapida, ¿se pueden poner más de 10 paginas? o no se puede hacer nada de nada...

    ResponderEliminar
  68. Nop, Blogger sólo permite un máximo de 10 páginas hasta el momento :(

    ResponderEliminar
  69. Hola Potro estaba leyendo y se me ocurrio y si en ves de ocultarlas ¿ponerles una imagen para que resalten se puede hacer eso? si se puede me podes explicar es que soy nuevo y boludo en esto

    Pd\: me he llevado varios trucos de este blog te felicito y gracias

    ResponderEliminar
  70. Hola yoruishizeto,

    ¿Te refieres a resaltar la sidebar en las páginas estáticas o de resaltar las páginas estáticas?

    ¡Saludos!

    ResponderEliminar
  71. Hola potro. Esto era lo que estaba buscando pero tengo un problema. Mi blog solo tiene un sidebar en la izquierda y se oculta perfectamente, el problema es que el contenido de las páginas se desborda hacia la derecha- Puedes verlo por ejemplo acá: http://www.cuerpoarmonioso.com/p/acerca-de-este-sitio.html

    El ancho de mi blog es 1000px y el sidebar izquierdo es de 240px.

    ResponderEliminar
  72. Nada, ya lo arreglé. Lo que hice fue reducir el Ancho total del blog, ya que al parecer ese ancho no toma en cuenta los padding de la plantilla :P

    ResponderEliminar
  73. Perfecto, ya he visto el blog y lo veo todo funcionando de maravilla :)

    ResponderEliminar
  74. Potro como puedo hacer que se oculte un gagdet que agregue en las paginas individuales menos en la pagina principal o sea al abrir la pagina principal se muestre por ejemplo un gadget donde agregue una publicidad y al ver las entradas individuales ya no aparezca! si se puede magnifico gracias

    ResponderEliminar
  75. Mira esta entrada que explica justamente cómo hacer eso.

    ResponderEliminar
  76. Hola
    Soy más que novicio en el tema, no obstante con la valiosa ayuda de los tutoriales, algo voy logrando: www.orvive.blogspot.com He probado el método para ocultar la side bar en las páginas estáticas y funcionó, Salvo que la línea divisoria vertical sigue apareciendo. Igualmente quesiera saber si es posible eliminar de las páginas estáticas los gadgets o aplicaciones de la página principal.
    Desde ya muy agradecido. Saludos cordiales

    ResponderEliminar
  77. Edito y me respondo. El problema de la línea vertical se resuelve con el código indicado a Samu. Perdón, no había visto esa consulta y su respuesta. Sigo buscando como eliminar los gadgets y-o aplicaciones de las páginas estáticas.
    Saludos cordiales

    ResponderEliminar
  78. Otra vez debo disculparme, la consulta acerca de ocultar los gadgets, ya fué formulada y respondida. Este blog es la enciclopedia, No obstante me da un error de sintaxis: Mensaje de error de XML: The element type "b:if" must be terminated by the matching end-tag "".

    ResponderEliminar
  79. Faltaba esta etiqueta:
    solucionado- Felicitaciones por el blog

    ResponderEliminar
  80. Me alegro que te hayas animado a leer los comentarios y encontrar ahí las respuestas a tus inquietudes :)

    ResponderEliminar
  81. Hola, Ocultar la sidebar y los gadgets en las páginas estáticas resultó bien. Pero hay un problemita molesto el: post-footer, se dispara hacia la derecha, es posible darle un ancho fijo? cómo? O eventualmente eliminarlo? Desde ya gracias por la atención. Saludos

    ResponderEliminar
  82. agrego por si es de utilidad pata resolver el asunto, el recuadro de la entrada también se dispara hacia la derecha Con se dispara quiero decir llega hasta el borde derecho de la pantalla. El texto no.

    ResponderEliminar
  83. Pues quizá sea la versión de tu navegador porque he entrado con las últimas versiones de Google Chrome, Mozilla Firefox e Internet Explorer y el post footer está en su lugar.

    Para corregir el borde de las entradas busca esta parte:

    .post-body {
    font-size: 110%;
    line-height: 1.4;
    position: relative;
    border: 1px solid blue;
    padding: 5px 5px 5px 22px;

    Cambia eso que está en negrita por 5px

    ResponderEliminar
  84. Gracias ppor tu respuesta Potro. Acaso no me expliqué bien, tanto el marco de la entrada como la barra de entradas y su marco, se descontrolan en las páginas estáticas, donde siguiendo tus instrucciones elminé la side-bar y los gadgets. En la página principal está todo bien y responde a las modificaciones que indicas, dehecho el marco en las entradas lo agregué yo. Interesante es que el texto no se desborda. Una vez más gracias por tu atención

    ResponderEliminar
  85. Si únicamente sucede en las páginas estáticas entonces modifica el ancho de las entradas para las páginas estáticas tal como se indica en la entrada; si el #main tiene un ancho muy grande o más grande de lo que debería ser es normal que se saldrá del contenedor, sólo hay que reducirlo para solucionarlo.

    ResponderEliminar
  86. Gracias Potro, el problema estaba allí. Yo seguí las instrucciones, pero parece que el valor que figura en la variable (value=) era grande. Lo reduje y solucionado. Saludos cordiales

    ResponderEliminar
  87. Hola, no paro de aprender con este blog, pero bueno, ahora tengo un problemilla, resulta que intento ocultar la sidebar en las entradas, pero no se oculta, he sustituido y añadido cogido tal como dice el tutorial, pero , al pinchar en la entrada, el sidebar sigue ahi. Mi blog es lefuet.blogspot.com a ver si me puedes echar una mano.

    Otra duda que tengo, tengo editado el estilo de los titulos de las entradas, en la portada esta todo Ok, se ve como quiero, pero , luego, dentro de la entrada, se me descuadra, cambian la fuente y los colores asi como desaparece uno de los iconos que he incluido. Seria de gran ayuda si me pudieses echar una mano con eso.

    Para acabar, excediendome en la confianza, preguntarte como puedo centrar los botones para compartir en FB Y Twitter asi como ocultarlos en la portada, tambien me gustaria poder ocultar en la portada el numero de comentarios de cada entrada.

    Muchas gracias de antemano.
    Un saludo

    ResponderEliminar
  88. Hola LeFuet,

    Lo que sucede es que este método es para las plantillas hechas a través del Diseñador de plantillas de Blogger, en tu caso que usas una plantilla clásica debes seguir este método.

    Respecto al título de las entradas los veo bien tanto en la portada como en las entradas individuales, al menos en ese blog está bien.

    Para saber cómo hacer que ciertos elementos se muestren en determinadas partes del blog mira esta entrada que habla sobre las condicionales. Y para alinear elementos mira esta otra.

    ¡Saludos!

    ResponderEliminar
  89. He cambiado el metodo para ocultar la sidebar, pero ni por esas, no se oculta. En cuanto a los titulos, a mi, tanto en safari, como en chrome y en firefox, los titulos de las entradas en la portada se me ven diferentes a cuando entras en la entrada.

    No se, ya te digo, ni idea de porque.

    ResponderEliminar
  90. Vale, creo que entiendo uno de los problemas, para poder ocultar la sidebar necesito saber su denominacion en la plantilla, ya que, segun veo, en mi plantilla no se llama #sidebar wrapper

    ResponderEliminar
  91. Así es, es por eso que te mencioné que necesitabas el otro tutorial y no este porque justamente los nombres de los contenedores (en este caso de la sidebar) son distintos.

    ResponderEliminar
  92. Hola, un gusto comunicarme con ustedes. Quizas no tenga que ver con esta publicación pero buscando respuestas me apareció como enlace y me gustaría me respoindan porque necesito gente de confianza antes de actuar. Quiero saber si esto es cierto:
    http://trick.ly/59D
    Muchas gracias

    ResponderEliminar
  93. Hola Javierdealmagro,

    Gracias por la confianza. Mira esta entrada que habla justamente sobre ese tema.
    Saludos.

    ResponderEliminar
  94. hola potro tengo tiempo que no pasaba por tu sitio,disculpa si te molesto ya lo implementè en mi blog pero ahora quisiera que tambien se implementara cuando alguien acceda a una entrada.

    Grácias espero tu Respuesta.

    ResponderEliminar
  95. Hola Daniel,

    Es el mismo procedimiento solo que en lugar de usar la primera línea que agregamos antes de /head usarías la que se explica en esta entrada:
    http://ciudadblogger.com/2010/03/condicionales-de-blogger.html

    Justamente la que es para mostrar o ejecutar algo en una entrada específica o etiqueta del blog.

    ResponderEliminar
  96. hola,
    la direccion de mi blog es:
    http://dequijotesyrugby.blogspot.com/
    he aplicado este truco, pero me surgen bastantes problemas. primero decir que las barras laterales que separan las slidebar del post central no se me borran. despues si aplico la ultima parte del truco con los datos correctos, la barra que hay debajo del post se va hacia el infinito a la derecha. decir que mi blog tiene un ancho total de 1000px y las slidebar de 190. y para que quede bien use estos datos:
    ...main..
    width: 960px; /* Aquí va el ancho total del blog */
    margin-left: -195px;
    }
    ...style...
    ...b:if>

    pero tengo problemas al insertar mas de tres ya que si son mas, pone una encima de otra.

    no se, son demasiados problemas y la verdad es que he seguido los pasos uno por uno. sera que soy tan torpe???
    de todos modos me gustaria saber si es posible aplicar estos cambios a una sola pagina estatica, que asi me quitaria un monton de problemas.

    un saludo

    ResponderEliminar
  97. por cierto, perdon por mi mala educacion, muchas gracias por ofrecernos todos estos trucos y por ayudarnos a solucionarlos.
    muchas gracias.

    ResponderEliminar
  98. Hola incauto pertinaz,

    Para eliminar esos bordes que quedan de las sidebars agrega al código que va antes de </head> lo siguiente:

    .fauxcolumn-left-outer .fauxcolumn-inner {
    border-right: 0px !important;
    }
    .fauxcolumn-right-outer .fauxcolumn-inner {
    border-left: 0px !important;
    }

    Veo que tienes aplicado el margen de -195px y al parecer está bien aplicado pues no encuentro que la barra del post-footer se baje, la veo en su lugar.
    Lo de "problemas al insertar mas de tres" no he entendido bien a qué te refieres o.O?

    Y sí, sí es posible aplicar estos cambios sólo a una página estática, sólo tendrías que cambiar esta línea:
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

    Por esta otra:
    <b:if cond='data:blog.url == &quot;URL de la página&quot;'>

    Saludos y gracias a ti por visitar Ciudad Blogger :)

    ResponderEliminar
  99. eres un crack! muchas gracias.

    cuando me referia a lo de mas de tres... lo siento, escribi el comentario corriendo y se me olvido poner, mas de tres imagenes de 200px de ancho :-) supongo que es que aunque cambies el ancho del cuerpo del blog en esas paginas, se sigue manteniendo un ancho de 620px para el post o algo asi.
    aunque quizas sea por mi sistema, pero tengo muchisimos problemas en el momento de agregar fotos en horizontal.

    muchas gracias de nuevo!!! asi queda mucho mas chulo!

    ResponderEliminar
  100. No, de hecho el cuerpo de los posts no tiene un ancho definido sino que esas plantillas toman el ancho asignado del blog de manera automática. De hecho veo que ya has puesto una imagen grande que sí ocupa todo el ancho de las entradas. Supongo que ya está todo arreglado. Saludos!

    ResponderEliminar
  101. la verdad que eso ha quedado muy bien. la historia es que quiero poner un monton de fotos de jugadores de 50px encima con un link a la ficha del jugador y eso me da muchos problemas ya que no soy capaz de colocarlas bien. hay algun truquillo para colocarlas? quizas alguna tabla de word?

    muchas gracias, de verdad que estoy muy muy agradecido. y siento mucho molestarte tanto.

    un saludo

    ResponderEliminar
  102. No es ninguna molestia ;)

    Una tabla de Word no, pero puedes crear una taba HTML y ahí poner lo que deseas.

    ResponderEliminar
  103. hola que tal, es mi primer post en su sitio.
    y queria preguntarle si este truco
    tanbien podemos aplicarle en las plantillas profecionales, si se puede me podrian ayudar. les dejo mi msn
    maik29@hotmail.es
    gracias!

    ResponderEliminar
  104. Hola free, bienvenido a Ciudad Blogger.
    ¿A qué te refieres con plantillas profesionales?

    ResponderEliminar
  105. Es que mi blog. no tiene las plantilla
    que ofrece blogger, yo descarge y aplique una de "premium blogger templates"
    y la verdad esta aplicacion se me hizo dificil de aplicar.

    ResponderEliminar
  106. Este método no te servirá pues es exclusivo para las plantillas hechas con el Diseñador de Blogger, pero puedes probar con este otro método, si tampoco pudieras deja en esa entrada un comentario con la dirección del blog donde lo quieres hacer.

    ResponderEliminar
  107. ok potro , gracias por la ayuda. vere si me funciona de esa forma, y avisare. bueno muy bueno esta y pues . vere como consigo un dominio ,ª

    ResponderEliminar
  108. hola potro, aqui estoy de nuevo.
    al aplicar los ultimos cambios que fue lo de leer mas menos en el ultimo post y el banner cambiante centrado, se me ha descontrolado los cambios de ocultar las slidebar. y no se muy bien como actuar. si hacerlo de nuevo lo que quizas suponga descontrolar los otros cambios o intentar corregirlo, ya que al intentar introducir el codigo antes de ((head)) me encuentro con dos lineas y no se muy bien donde va.
    algun consejo?
    http://dequijotesyrugby.blogspot.com/p/xv-historico.html

    muchas gracias de nuevo!

    ResponderEliminar
  109. Podría ser que eliminaste algún código sin darte cuenta.
    Prueba hacerlo de nuevo como si fuera la primera vez que lo haces, no importa que haya algo antes de </head> igual colocalo y mira qué resultados tienes.

    ResponderEliminar
  110. hola,
    asi lo hice y parece que ha quedado bien.
    aunque me da que hay partes del codigo repetidas. pero bueno, queda bien. muchas gracias!

    ResponderEliminar
  111. Pues podrías ver si hay algo repetido, busca el código que te parezca que es muy similar al que acabas de agregar y elimínalo. Después de hacerlo entra a tu blog así como a las entradas, páginas, etc y mira sino sufrió algún cambio, si descubres que era algo que afectó al blog ponlo de nuevo, sino podrás dejarlo eliminado.

    ResponderEliminar
  112. Hola chikos , esta muy bueno este truco .
    lo intente en un blog con el diseño de blogger y me funciono.
    pero una ves que intente en mi otro blog,
    ya no me funcionaba
    por favor el que sepa como ayudarme me podria hechar una mano, e me complico algunas cosas.

    dejo mi blog y mi msn

    http://www.fashionsprut.co.cc/

    msn: maik29@hotmail.es

    ok gracias chicos, !

    ResponderEliminar
  113. Hola free,

    Como te mencioné antes este método es únicamente para las plantillas hechas con el Diseñador de plantillas de Blogger.
    Necesitas hacerlo con le método de esta entrada:
    http://ciudadblogger.com/2010/02/ocultar-sidebar-en-las-paginas.html

    Sólo que tu plantilla no tiene los nombres regulares de las plantillas comunes, así que en lugar de poner #sidebar-wrapper deberás poner #lsidebar-wrapper para ocultar la sidebar izquierda y #rsidebar-wrapper para ocultar la sidebar derecha.

    ResponderEliminar
  114. Hola, tengo una pregunta, yo quisiera que la sidebar se viera sólo en mi página de inicio, entonces en las demás páginas el tamaño de las entradas fuera del tamaño del blog, me explico?
    Cómo lo haría? Gracias por tu colaboración.

    ResponderEliminar
  115. Que tal Potro, emplee la modificacion esta de las paginas estaticas nadmas que el ancho de la pagina como que se decuadro, se salio de medida,
    me podrias orientar para corregir tal desperfecto. Ese es nuetro blog.

    http://supervisionescolar024zongolica.blogspot.com/

    ResponderEliminar
  116. Hola Liliana,

    ¿Te refieres a ocultar la sidebar en las entradas del blog?
    Si es así sigue el mimos procedimiento, sólo que en lugar de esta línea:
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

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

    De esa forma la sidebar desaparecerá de las entradas y ocuparán el ancho total del blog.

    ResponderEliminar
  117. Hola Hederit,

    Sólo reduce el ancho del #main, en lugar de darle 1000px dale 860px y con eso deberá quedar bien.
    Saludos!

    ResponderEliminar
  118. Gracias Potro de verdad eres una gran persona al brindarnos tu apoyo en esto de la informatica, saludos desde zongolica, veracruz. no cambies amigo...
    Dia a dia visito tu excelente blog para estar a la vanguardia

    ResponderEliminar
  119. Hola Potro, te felicito, muy buena enttrada.

    He hecho todo lo que explicas y me ha salido tal y como dices.

    Mi fondo del blog es rojo, y el fondo de las entradas y de la sidebar es blanco.

    Lo que yo quería preguntarte es que porqué cuando estás en una página estática el post-footer sobrepasa lo que es la entrada y la sidebar, sobresailendo una parte de lo blanco hacia lo rojo.

    Te dejo mi blog por si no me he explicado bien:

    http://nudo-marinero.blogspot.com/

    Saludos desde España y muchas gracias.

    ResponderEliminar
  120. Hola Javier S,

    En realidad se sale no sólo el post-footer sino toda el área de las entradas lo que pasa es que no lo notas porque no tienes nada aun. La forma de solucionarlo es reduciendo el ancho que agregaste, quizá unos 30px menos.
    Te recomiendo que siempre pongas algún texto en tus páginas o entradas de pruebas para que verifiques cómo se ve cuando ya hay un contenido ahí.

    ¡Saludos!

    ResponderEliminar
  121. ¡Muchas gracias Potro!

    He rebajado el tamaño que le dí, y he escrito un texto extenso para ver como quedaba y ahora sí sale correctamente.

    Saludos y muchas gracias de nuevo.

    ResponderEliminar
  122. muy bueno, para los que hemos jugando bastante con el editor de plantillas de blogger, entender luego los códigos modificados que impone ese editor se nos hace un poco mas complicado, suerte que existen este tipo de asistencias para estas plantillas.
    Saludos y gracias Potro, por todo

    ResponderEliminar
  123. saludos!!!

    una pregunta ... se puede poner un link arriba o abajo para darles la opcion a los visitantes de elegir entre ver los gadgets o no en la paginas estaticas ???

    de igual forma si se puede realizar ese detalle en la pagina principal te agradeceria que me aclares esta consulta .. gracias ...

    hecgabor@gmail.com

    mmm... te dejo mi blog por las dudas

    www.jugamoscityville.blogspot.com

    ResponderEliminar
  124. una alaracion a la consulta anterior ....

    no e realizado los cambio .. por lo tanto

    espero tu respuesta para saber la conveniencia de realizar este cambio o no en mi blog ,,,

    gracias .....

    ResponderEliminar
  125. Hola Potro

    Como puedo hacer para ocultar el footer y los comentarios en una pagina estatica especifica.

    Muchas gracias

    ResponderEliminar
  126. hecgabor, mira esta entrada de Oloblogger que explica cómo se hacen ese tipo de cosas para mostrar y ocultar contenido a elección del lector:
    http://oloblogger.blogspot.com/2011/03/personalizar-el-blog-criterio-de-los.html


    Peter, para ocultar los comentarios de las páginas sólo entra a Editar la página que quieres, abajo del editor de entradas verás un enlace que dice 'Opciones de entrada', ahí puedes seleccionar ocultar los comentarios. Para saber cómo ocultar el footer o cualquier otra área mira esta entrada.

    ResponderEliminar
  127. Hola!
    Yo de nuevo por acá, ya llevaba tiempo sin venir con una duda... pero hay un PROBLEMA MUUUUUUUUUY SERIO.
    1° HICE TODO LO QUE ACÁ DICE NI MÁS NI MENOS.
    Ahora sí hice cada paso, ¿por qué queda así?
    http://missvariete-words.blogspot.com/p/en-esta-pagina-ire-poniendo-los-libros.html
    Pese a lo mucho que me molesta ver como ha quedado y que no quiero dejarlo así lo voy a dejar hasta que tú veas si hay alguna solución.
    Anteriormente en otro blog que ya no tiene páginas esto lo había hecho y me sirvió perfectamente.
    Ojalá puedas ver que fue lo que ha ocurrido.
    Buen Finde!
    Besitos ♥

    ResponderEliminar
  128. Hola Miss Varieté,

    Prueba poniendo debajo de:
    #main {

    esto:
    background-color: #F0DEC8;

    ResponderEliminar
  129. potro, te hago una pregunta.

    hay alguna forma de ocultar la sidebar en absolutamente todo (páginas, notas, etiquetas, etc.), MENOS en la pagina de inicio???

    lo que quiero es que se oculte la sidebar y las notas ocupen todo el ancho del blog como lo explicas acá para las paginas estaticas.


    Nota: yo ya estoy utilizando este metodo que publicaste en esta entrada. y me funciona a la perfeccion.

    gracias como siempre.

    ResponderEliminar
  130. potro, problema solucionado.
    lo único que hice fue cambiar esto de tu codigo


    por esto otro de cuando explicaste sobre los condicionales



    estoy contento porque me salio solo, pero fue gracias a todas las veces que me tuviste paciencia y me explicaste cómo hacer las cosas.

    como siempre, gracias potro!!!

    ResponderEliminar
  131. uy no sé como hacer para mostrarte el codigo que cambié.

    bueno, era el primer condicional que tienes en el script, que funciona para las páginas estáticas, y lo cambie por otro condicional para que el script funcione en todas las páginas menos en la de inicio.

    ResponderEliminar
  132. Excelente EpideMia :)
    Por cierto, cuando requieras colocar códigos en los comentarios primero necesitas convertir el código a texto plano:
    http://ciudadblogger.com/p/conversor-de-html-texto-plano.html

    Saludos!

    ResponderEliminar
  133. Hola potro como estás, el problema es que tengo un blog http://divasecuatorianas.blogspot.com el cual la plantilla muestra en mosaico las entradas. El problema es que al crear una página (Acerca de)tambien la hace de la misma manera y yo deseo que se como una entrada normal. En ña plantilla no encuientro los parámetros que dices pero por lo menos he logrado ocultar la sidebar, lo que no logro es que el texto ocupe todo el ancho del blog. Excelente blog y gracias!!!

    ResponderEliminar
  134. Hola Wilson,

    El problema es que esa plantilla usa un Leer más un tanto antiguo. La sugerencia es quitar el Leer más y poner un Leer más actualizado.

    ResponderEliminar
  135. Gracias, creo que hice algo similar, y ya no tengo el problema en la pagina de ayuda. Pero ahora me surgio otro: Cuando hago clic en la entrada me sale repetida dos veces, me dicen que puede haber algo repetido (una llamada o algo como b:....blog1....type=blog y b:....blog2....type=blog) pero en verdad no doy con lo que es. Gracias por la ayuda y excelente blog!!! (siempre me saca de apuros eres mas rápido que google foros)

    ResponderEliminar
  136. Pueden ser varias cosas, lo mejor es que, si apenas estás personalizando la plantilla y no tienes muchos cambios entonces resintálala de nuevo y empieza otra vez, pues luego encontrar esos detalles es algo complicado :/

    ResponderEliminar
  137. Muchas gracias potro!!! fue un trabajo dificil pero me ayudo a depurarla un poco... El problema estaba en el read more, porque la solucion la copie de otro blog y habia una condicion que hacia que se repitiera dos veces la entrada. Ahora me quedó mejor y estoy mas conforme. Esto comprueba una vez mas tu eficacia, me quedo aquí!!

    ResponderEliminar
  138. Qué excelente que lo hayas resuelto Wilson :)

    ResponderEliminar
  139. muchas gracias potro, como siempre genial!!
    saludos lerh

    ResponderEliminar
  140. Hola tengo un blog alojado en blogger, en las nuevas plantillas de blogger, tiene una sidebar en la izquierda, la columna principal en el centro y en el lado derecho 2 sidebar (En realidad una divida del medio hacia abajo), lo unico que deseo hacer es la sidebar de la izquierda, lograr que aparezca en la derecha, para que todas las sidebar esten a la derecha y por ultimo, modificar el padding de los widgets, para que ese rellegno que veran en mi blog que se ve sobrando mucho espacio por dondequiera, sea menor, pues hay muchos espacio desperdiciado, gracias anticiapdas. mi blog es: http://informativord4.blogspot.com/

    ResponderEliminar
  141. Hola Xander Reyes,

    Desde el Diseñador de plantillas puedes elegir el diseño/estructura de la plantilla, pero, si no deseas la sidebar de la izquierda, lo más factible es que pases todos los gadgets a las otras sidebar y elimines la que no quieres (desde el Diseñador igual).
    Para quitarle separación a los gadgets agrega antes de ]]></b:skin> esto:
    .widget {margin:0;}

    Saludos.

    ResponderEliminar
  142. Graicas Potro, atento como siempre, gracias primero por lo del margin, lo hare y te aviso, pero referetne a la sidebar, es que yo quiero 3 side bar, para no hacer un blog muy largo, ya que la naturaleza de mi blog, lleva muycos elemento y no encuentro en mi plantilla, donde diga que el float de la sidebar dice left, para ponerle rigth.

    ResponderEliminar
  143. Intente lo que me dijiste para elimiinar el padding o relleno entre widget y nada, mi blog es www.InformativoRD.com por si deseas verlo, quizas no estoy diciendo lo correcto, mi problemas es que sobra mucho espacio y entiendo que es el padding up,down,left y rigth, de los witgets y los post y de la separacion de las sidebars y la main, es que se ve feo con todo ese sobrante, lo miras y me ayudas?

    ResponderEliminar
  144. Veo en tu plantilla el código pero con un 10px de margen, yo lo probé con 0px (como te lo puse y sí anduvo.
    Lo otro de la sidebar, estuve intentando moverla desde la Edición de HTML pero no tuve éxito. El problema es que las estructuras de estas plantillas están definidas esas áreas por macros y ahí es donde se vuelve todo un lío, por más que lo muevo regresa al mismo lugar :/

    ResponderEliminar
  145. Gracias potro, debo ver que hago porque el exito de mi proyecto esta precisamente en mover esa columna a la derecha, porque si siemplemente la eliminino o escojo una que no tenga esa en la izquierda, quien entre no notara que hay un directorio, pues quedaran todos esos negocios debajo y quien no baje mucho no los vera y el exito esta en poner los negocios que se vean desde arriba, lo que lograria con esa sidebar fina en la derecha, hay alguna solucion aunque no sea la que yo planteo?, o sea yo no encontre en las plantillas de google una plantilla que tenga 3 sidebar o 2 pero que la parte de las 2 sidebar esten unidas no quede arriba, sino en el medio para que queden los neogcios a rriba y no esas publicidades que tengo?

    ResponderEliminar
  146. En estas plantillas del Diseñador no veo la posibilidad de que eso suceda, pero en las plantillas Clásicas (las antiguas) sí puedes modificarlas para agregarles más sidebars, unidas no estoy seguro, pero al menos sí podrías poner tres sidebars seguidas una después de la otra. El procedimiento varía un poco según la plantilla que elijas, la más sencilla de trabajar es la plantilla Mínima.

    ResponderEliminar
  147. Hay alguna forma de escoger las plantillas viejas?

    ResponderEliminar
  148. Sí pero sólo en la interfaz antigua, dentro de Edición de HTML hay un link debajo que dice "Seleccionar plantilla de diseño", ahí puedes seleccionar una de esas plantillas.

    ResponderEliminar
  149. Trate de neuvo poniendo ese codigo antes de B SKIN y nada, cuidado sino me estoy expresando bien, lo que yo deseo es que el relleno entre un widget y otro, entre una imagen y un widget, en fin cualquier cosa que este en una side bar, ese relleno sea sencillo para no tener tanto espacio en blanco, el relleno up,down,left, rigth, de cada elemento de la sidebar, e incluisive sidebar y la barra principal (main) para que se vea mas bonito y con menos espacio desperdiciado en mi blog www.InformativoRD.com, por si no explique bien.

    ResponderEliminar
  150. Eso es lo que de igual manera había entendido Xander, y con ese código a mí me funcionó en la plantilla Simple (la misma que usas).
    Prueba de nuevo, pero esta vez ponle la terminación !important al final, es decir, que quede así:
    .widget {margin:0 !important;}

    ResponderEliminar
  151. Lo hice y no me funciono a lo mejor lo estoy poniendo donde no es, yo me refiero a un B SKIN que esta al principio, chequiare si hay otros, gracias por tu colaboracion, saludos.

    ResponderEliminar
  152. Antes de esto es que lo estoy copiando: <![CDATA[/*

    ResponderEliminar
  153. Verdad y seria bueno saber, las plantillas ya no tienen como antes que uno daba CTRL F o alguna funcion y buscaba cualquier palabra especifica que uno desea buscar dentro de la plantilla, porque yo estoy buscando todo al ojo por ciento, jajajaj

    ResponderEliminar
  154. No es antes de <b:skin><![CDATA[/* sino antes de:
    ]]></b:skin>

    Se parecen pero no son iguales ;)
    Si usas Firefox y la nueva interfaz entonces ahí no funciona bien el CTRL+F, pero si vas a la pestaña Editar de Firefox (junto a Archivo), ahí selecciona Buscar, de esa forma sí aparecerá el cuadro para buscar los textos.

    ResponderEliminar
  155. Gracias por tu acostumbrada colaboracion lo encontre, pero no hace nada o yo soy muy bruto o no estoy explicando lo que realmente deseo saber, no sabria el nombre tecnico, solo se que hay muchos espacios en blancos en mi blog www.informativoRd.Com y deseo todo mas pegado y nada, sorry si tu pupilo no dio la talla.

    ResponderEliminar
  156. Yo sigo viendo que tienes el mismo código de antes. Es decir, tienes este:
    .widget {margin-top:10px;}

    Y ese debes cambiarlo por este:
    .widget {margin-top:0px !important;}

    ResponderEliminar
  157. No se como lo viste, pero si tiene el mismo, porque yo lo pongo le doy a vista previa y sino hay ningun cambio no grabo, siempre he hecho eso, o sea sino veo resultados para que dejar ese codigo en la plantilla siempre he dicho.

    ResponderEliminar
  158. Ah seguro guardas el archivo como pagina ylo editas, verdad?, bueno pues esas es la razon por la que no lo tiene, porque no vi efecto alguno.

    ResponderEliminar
  159. Nop, entro a tu blog, uso la opción de ver código fuente y ahí lo encuentro.
    Busca en tu plantilla, ahí lo tienes. Quizá lo pusiste hace tiempo y olvidaste quitarlo.
    Después de hacerlo, pon el código que te he dicho, y aunque no funcione déjalo guardado, sólo así puedo ver el código funcionando y saber si hay algo más que está afectando el código.

    ResponderEliminar
  160. Ya puse el codigo en www.InformativoRD.com, Dios te oiga y veas algo y podamoe resolver eso!, si ves una forma de agregar otra sidebar recuerda decirme, gracias potro, eres un potroooo!

    ResponderEliminar
  161. Gracias Xander,

    Cuando lo has puesto has eliminado una llave de cierre del código anterior y es hará que no surja efecto. Cambia todo esto:

    .widget {margin-top:10px;}
    .content {
    margin-top:-35px !important;
    .widget {margin:0 !important;}
    }

    Por esto:
    .content {
    margin-top:-35px !important;
    }
    .widget {margin:0 !important;}

    ResponderEliminar
  162. no funciono
    ayuda
    no puedo minimisar la barra lateral

    ResponderEliminar
  163. ¿Cuál es el blog donde has puesto el código juan?

    ResponderEliminar
  164. hola potro ya tengo otra idea
    ¿existe un gadget con un boton para ocultar la barra lateral de la izquierda?
    mi blog es:
    http://juan-el-super-gv.blogspot.com/

    ResponderEliminar
  165. Hola de nuevo juan,

    Para esas plantillas lo veo complicado. Hay trucos que sí pueden hacer eso, pero son para las plantillas antiguas de Blogger, en estas (como la que usas) las cosas son muy distintas y veo complicado hacerlo como mencionas.

    ResponderEliminar
  166. ok, gracias de todos modos
    eres el mejor
    PS.
    Acabe de actualizar mi blog
    ¿Como quedo?
    Claro nada comparado con lo tuyo

    ResponderEliminar
  167. gracias potro
    me dijiste que es complicado pero si se puede quiero intentar con un gadget de HTML/Javascript par ocultar la barra
    ayudame y gracias de nuevo
    Juan

    ResponderEliminar
  168. En las plantillas antiguas sé que se puede hacer, pero en estas te digo que lo veo complicado porque no tengo la menor idea de cómo pueda hacerse :/

    ResponderEliminar
  169. AAAAAAAA
    Bueno aun haci gracias
    ¿como se pone una encuesta en una entrada?
    dame el codigo
    gracias

    ResponderEliminar
  170. Con el gadget de Encuestas no se puede, esos gadgets sólo pueden funcionar en la sidebar. Pero puedes usar una encuesta de un servicio externo como PollDaddy.com

    ResponderEliminar
  171. hola, bueno ya estoy aqui.

    mira la pagina es un poco privada preferiria que solo tu la vieras,

    como le hacemos dime a donde te la mando

    ResponderEliminar
  172. Ahí está el problema, que tiene que ser pública para que pueda verla. Si quieres haz un blog de pruebas público, ahí sube la plantilla con la que estás trabajando y así podré ver el trabajo que estás haciendo en la plantilla.

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

    ResponderEliminar
  174. Bien, entonces agrega en los estilos donde ocultaste los elementos, es decir, antes de:
    </style>
    </b:if>

    Esto:
    .content-inner {display:none;}

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

    ResponderEliminar
  176. Ya quedo, muchas gracias agregue

    unas condicionales para mostrar texto solo en las paginas

    voy a borrar las url

    ResponderEliminar
  177. me puedes hacer el favor de eliminar las url de los comentarios o borra los comentarios

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

    ResponderEliminar
  179. Lo último que hicimos fue ocultar justamente el contenedor, si lo dejas entonces se verá como estaba antes.
    Debes considerar que es un blog y que el contenido se aloja en las entradas, por lo tanto, puedes mostrar ese contenido en las entradas, o puedes ocultarlo como estaba antes.
    No veo muchas opciones, excepto que el contenido que quieres lo pongas en un gadget, pero nuevamente tendríamos el problema que se vería la sidebar.

    ResponderEliminar
  180. mmm pues dejemosle como esta entonces, o habra alguna manera de meter el contenido en la plantilla?

    ResponderEliminar
  181. Pues una opción es que agregues un gadget arriba de las entradas con el contenido que quieres, y éste lo condiciones para que sólo se vea en las páginas estáticas o en alguna página en específico:
    http://ciudadblogger.com/2011/01/ocultar-gadgets-y-elementos-en.html

    ResponderEliminar
  182. ok Potro ya me he enterado, pero yo quiero quitar el sidebar en una sola pagina estatica de las 6 que tengo. como lo puedo hacer en una sola?

    ResponderEliminar
  183. Te repito lo mismo que te dije antes:
    Sigue el mismo procedimiento, pero cambia esta línea:
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

    Por esta:
    <b:if cond='data:blog.url == &quot;URL de la pagina&quot;'>

    ResponderEliminar
  184. Hola Potro! Gusto en saludarte.
    Mi consulta en este caso no se ajusta exactamente al tema, pero este fue el lugar más parecido que encontré para dejar mi pregunta.
    Es que tengo una plantilla clásica de Blogger y quisiera eliminarle eso que tiene ella, que los anchos se auto-ajustan (el ancho de las entradas, sidebar, header, footer, comentarios, menús y todo lo demás).
    Ahora quisiera establecerle un ancho fijo a la plantilla, que no cambie nunca. Pero no me atrevo a hacerlo de buenas a primeras porque varios gasgets añadidos que tengo, imágenes y otras cosas más, tuve que configurarlas dándoles el valor width: auto, para que quedaran bien en mi plantilla. Entonces no sé si al darle un ancho fijo solo a la plantilla en general, todas esas cosas se me descuadrarían. No sé.
    Te pido por favor me expliques si tendría que ajustar también cada elemento que esté en el valor "auto", o si solo basta con hacerlo en la plantilla general.
    Y de ser así, ¿dónde exactamente tendría que cambiar los valores para darle el ancho fijo a mi plantilla? Y ¿cuáles valores me recomendarías que sean más o menos estándares para las diferentes resoluciones de pantalla del visitante (así más o menos como en tu blog)?
    Muchísimas gracias de antemano y disculpa la molestia.
    Ah, mi blog es www.alabadora.com
    Saludos!

    ResponderEliminar
    Respuestas
    1. Hola Vicky, qué gusto leerte y saludarte.
      Por suerte la plantilla que usas tiene una versión "normal", con anchos fijos. Lo que te recomendaría es que abras un blog de pruebas y ahí pongas la plantilla que te digo, se llama Denim y está ahí mismo en las plantillas que ofrece Blogger (arriba de "Stretch Denim", la que usas). Ahí, mira y compara los anchos que tienes que cambiar, son todos los anchos (width) que están en porcentaje, así como los márgenes en porcentaje también.
      Así te será mucho más fácil saber qué tienes que cambiar y dónde.

      Saludos.

      Eliminar
  185. ola potro como te dije volvi... y esta vez recargado de dudas xd...
    bueno aunque no soy un experto se que esto deberia ser dificlo por lo menos lo es para mi....

    mira el efecto que quiero obtener yo quizas sea complikado y te lo expliko:

    mi web cuenta con 2 sidebar, una de 188px de ancho y una de 243px de ancho, izquierda y derecha respectivamente.
    bueno lo que yo quiero es que al entrar a un post desaparesca la sidebar de la izquierda y solo quede la de la derecha y que el anchor de #main-wrapper aumente..

    mira te dejo mi web nueva xd:
    y la de la web como me gustaria que quedara:


    yo se que esa web usa un hosting y que debe usar algun script, el problema esque no eh sabido identificar los codigos que usa para ese efecto...

    PD: con mucho trabajo obtuve el slider que tanto queria y el por ke alguna vez pregunte en ciudad blogger.

    ResponderEliminar
  186. perdon no deje los link

    mi web: http://one-shippuden.blogspot.com/

    web con el efecto deseado: http://animeid.com/


    yo se ke tu eres mejor observador y podras darme alguna solucion,

    ResponderEliminar
    Respuestas
    1. El procedimiento es el mismo que el de esta entrada, bueno, mas bien que el de esta:
      http://ciudadblogger.com/2010/02/ocultar-sidebar-en-las-paginas.html

      Sólo que en lugar de usar la condicional para las páginas estáticas:
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

      Usarás el que es para que se ejecute sólo en las entradas individuales:
      <b:if cond='data:blog.pageType == &quot;item&quot;'>

      Es posible que los IDs de los contenedores no concuerden, pero sólo debes cambiar el nombre de los contenedores por los de tu plantilla y funcionará igual.

      Saludos.

      Eliminar
    2. Ok muchas gracias, era exactamente lo que queria eres un grande :D


      y bueno solo por si te interesa saber blogger me dijo que confirmo que mi web realizaba SPAM pero claramente yo no estoy de acuerdo a eso, pero bueno ya me lo quito y no puedo hacer nada

      Eliminar

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?