Mostrar las Páginas estáticas de forma diferente

10 de febrero de 2010 236 comentarios ,
Revisando el código de las páginas estáticas de Blogger vi que éstas usan una nueva condicional:
<b:if cond='data:blog.pageType == "static_page"'>

Esto es que, permite condicionar acciones determinadas cuando se trata de páginas estáticas (ya debería empezarle a llamar sólo Páginas y no "páginas estáticas") que apliquen sólo a ellas y no al resto de las entradas.

Si bien hemos visto como mostrar el primer post de forma distinta, también podemos hacer algo similar para las páginas estáticas (¿lo ven? no puedo). Es decir, que todas las entradas se vean como normalmente se ven, pero cuando se trate de una Página (¡ahora sí pude!) se muestre de forma diferente, puede ser un color de fondo diferente, otro tipo de letra, bordes, etc.

Puedes ver un ejemplo en este blog de pruebas, verás que la entrada se muestra "normal", haz click sobre el enlace hacia una Página y verás que se muestra diferente.

Implementarlo es muy simple, sólo es cuestión de usar la condicional de las Páginas y agregar los estilos que se aplicarán sólo a ellas.

Para hacerlo entra en Plantilla | Edición de HTML y antes de </head> pega lo siguiente:
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
.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>

Para personalizarlo sólo cambia los estilos donde se indica, puedes agregar o quitar los estilos que quieras.
De esta forma tus Páginas tendrán un aspecto diferente que harán que resalten y se diferencien de las entradas comunes.


236 comentarios en:

" Mostrar las Páginas estáticas de forma diferente "

  1. "Revisando el código" jajajajajja dentro de poco estarás corrigiendo los errores de blogger, te tendrán como "consultor" para pedir ayuda... Se podría decir que le conoces las "entrañas" a Blogger XD jajajajajaja... eres una especie de Cirujano de códigos XD

    Si que cambia la cosa con el retoque y como siempre, muy personalizable. Sin duda, con Blogger, y este blog de trucos y tutoriales, ya no se tiene excusa para no hacer lo que realmente se desea. (porque no apareciste años antes Bro, no sabes como renegaba!!! cada vez que hacía un cambio arruinaba dos o tres plantillas XD)


    Un abrazo!!!

    ResponderEliminar
  2. Que bueno.

    ya esperaba que estuvera disponible esa opcion.
    y ahora la parte complicada: que post poner como paginas estaticas.

    saludos.

    ResponderEliminar
  3. Hola Potro, muy bueno el truco, la verdad que ya esperaba esto, para poder darle un toque diferente a estas páginas.

    Gracias por tu trabajo.

    Un saludo!

    ResponderEliminar
  4. Hola brother,

    Jajaja, eso de las "entrañas" de Blogger suena medio kinky.
    Lo que mencionas acerca de que podemos hacer lo que queramos sin excusa es curioso porque quienes defienden la plataforma Wordpress aseguran que nosotros (los que usamos Blogger) no podemos tener un blog decente y profesional como lo harían ellos con su plataforma, pero la verdad es que aunque se requiere de un esfuerzo extra, sí se puede lograr muchísimas cosas, y la prueba son muchos de los blogs de quienes visitan esta Ciudad; de verdad que muchas veces me quedo impresionado de la calidad de blogs que a veces me encuentro y que todo lo hicieron con mucho esfuerzo y sin importarles que les hubieran dicho que por usar Blogger no podrían lograrlo.

    Todos pueden tener un blog tan lindo como quieran, sólo que también hay que tener los pies en la Tierra y no querer hacerle la competencia a la página de CNN cuando apenas descubrimos cómo redactar una entrada. Es decir, se puede "casi" todo, pero a su debido tiempo.

    Vaya, ahora sí me extendí, espero y no te hayas dormido a mitad del comentario, jajaja. Un abrazo!

    ResponderEliminar
  5. El Venado, supongo que lo típico como "Acerca de", "Contacto", etc. sólo habrá que pensar bien cuáles poner ya que el límite es de 10 páginas.

    Eduardo Sanguino, tienes toda la razón, de nada sirve tener la nueva opción de Páginas si se van a ver igual que las entradas normales, hay que hacerlas ver diferentes ;)

    ResponderEliminar
  6. Hola,
    tengo una pregunta,
    ¿tue eres humano? o un par de datos de computadora que se juntan para formar un blog, porque eres increíble.
    Estos codigos perfectos, y demás... me encanta tu blog. Nos ayuda a los principiantes o inexpertos en la meteria, y además ayuda a los expertos y avenzados.
    Es un blog precioso con contenidos preciosos.
    De verdad, me encanta.

    Muchas gracias por ser como eres :):)

    JkEandi

    ResponderEliminar
  7. Hola JkEandi,

    Tan humano como me es posible ;)
    Muchas gracias por tus comentarios, sólo trato de compartir lo que he aprendido y lo que aprendo cuando peleo con los códigos para que quienes apenas inician no se las vean tan difíciles como me fue a mí cuando empecé.

    Un abrazo!

    ResponderEliminar
  8. Si esto era lo que queria.Exactamente te pasaste.
    Ahora podre personalizar mejor mi menu :D.

    ResponderEliminar
  9. Hola potro al final no lo pude solucionar al problema, ya fue lo dejo así.
    Lo que ando buscando es si no tendrás algún tutorial para hacer archivos .swf , ya tengo el programa Macromedia Flash Mx2004 pero no se como crearlos, mira acá te dejo uno que intente hacer http://img45.xooimage.com/files/6/e/0/sin-t-tulo-1-189cb1b.swf, pero aparece solo el texto y no el archivo que es así mira http://www.golesargentinos.com/. Yo pensaba que era poniendo el código, pero no es así, vos sabrás???

    ResponderEliminar
  10. Te la debo, de diseño flash no sé, pero puedes preguntarle a PepeX de Trucos Flash y seguro sabrá orientarte.

    Saludos.

    ResponderEliminar
  11. Ok, muchas gracias compañero.
    Abrazo grande ;)

    ResponderEliminar
  12. Hola el potro, veo que de los bloggers eres uno de los más aventajados y quisiera que veas esto que hice, quizas te intere, quizas ya lo has hecho.

    Mi blog es http://www.iborquez.com/

    Es un blog común, pero queria un buscador asi que hice este:
    http://www.iborquez.com/p/inicio.html

    No es un tema muy complicado, si te interesa escribeme, mi perfil esta habilitado o a mi correo borquez@live.com

    ResponderEliminar
  13. PD: jeje por un momento me pillaste con lo de tu perfil, me quede =O cuando vi auncios, saludos

    ResponderEliminar
  14. Leyendo algunos comentarios de esta entrada, vi que en el primer comentario, en el cual cyberbloggero dice "...con Blogger, y este blog de trucos y tutoriales, ya no se tiene excusa para no hacer lo que realmente se desea..."
    Es verdad, sobre todo, estos próximos días, va, hoy, porque desde mañana hasta el miércoles no estoy, voy a empezar a hacer una plantilla grunge, con cartón, madera, textos grunge, entre otros estilos, pero quería poner una fuente grunge en los títulos de los posts y veo que no se puede, solo me acepta la fuente Tahoma, Arial, Verdana y todas esas fuentes simples que vienen en windows... para los títulos de la sidebar no me preocupo tanto ya que pongo una imagen y ya está, pero no voy a estar haciendo imágenes para cada post que creo...

    ResponderEliminar
  15. hola que tal amigo! quisiera intercambiar links contigo... mi pagina web es www.frikibloggeo.com.ar.. voy agregarte a mis links de paginas amigas mientras espero tu respuesta si quieres cambiar si o no.. muchas gracias mi correo es nthny20@hotmail.com por cualquier cosa amigo.. gracias muy bonito tu blog

    ResponderEliminar
  16. Hola,y de nuevo perdón por poner una consulta que no tiene nada que ver con el post.
    Accidentalmente he ocultado la barra de menú de Google (la que esta arriba del todo),y no encuentro la forma de volver a ponerla.Por favor,¿sabes como podría hacerlo?
    Saludos.

    ResponderEliminar
  17. Hola.

    como se cual es el css de este menu

    http://www.randallwebdeveloper.com/files/tinymce/2008/febrero/cssmenuvista/cssmenuvista.html

    ResponderEliminar
  18. Francisco Bórquez, has hecho un excelente trabajo con ese buscador; eres la prueba de lo que mencionaba en el comentario #4, hay mucho talento en los bloggeros y esa es la muestra. Alguna vez hice algo parecido pero mi trabajo de diseño no fue tan bueno como el tuyo. Gracias por compartirlo!

    Ascesino96, recuerda que dijimos que se puede hacer casi todo, incluso los estilos de letras que quieres, te dejo un enlace donde Oloman explica cómo hacerlo:
    http://oloblogger.blogspot.com/2010/02/bpt-intalar-cufon-en-blogger.html

    .::: Anthony :::., gracias por la propuesta pero por el momento no hago intercambio de enlaces. Saludos.

    sagitaire17, busca en tu plantilla todos los códigos que digan navbar y elimínalos, con eso aparecerá de nuevo.

    El Venado, busca en tu navegador (quizá con el botón derecho) la opción de Ver el código fuente de la página.

    ResponderEliminar
  19. Muchisimas gracias, me es muy util esto!!

    ResponderEliminar
  20. Me alegra que te haya servido.
    Saludos.

    ResponderEliminar
  21. ¿En que plantilla?¿en las de mis blogs?El problema no lo tengo con los blogs y la barra de Blogger,sino con la de Google.Lo que no consigo volver a poner,es la barra de menú,la que esta normalmente arriba del todo,encima de los toolbars.Me paso cuando en "ver" me equivoque y en vez de pulsar "ocultar" a uno de los toolbars que ocupaban demasiado sitio le di a "ocultar la barra de menú".

    ResponderEliminar
  22. ¿Entonces te refieres a tu navegador?
    Eso es distinto, ¿qué navegador usas?

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

    ResponderEliminar
  24. Está muy bueno. Lo que pregunto además es si es posible que en las páginas estáticas no aparezca la sidebar. Pienso que debe haber alguna manera, te agradezco lo que me puedas decir en ese sentido.
    Un saludo.

    ResponderEliminar
  25. Hola enrique,

    Usando la misma condicional se pueden ocultar algunos gadgets cuando se está en una página. No he intentado que suceda lo mismo con toda la sidebar, supongo que debe poderse.
    Deja tenga un poco de tiempo, hago los experimentos y si los resultados son buenos hago la publicación.

    Saludos.

    ResponderEliminar
  26. Sólo haz click con el botón derecho sobre la parte de arriba del navegador, cerca de donde se escriben las direcciones. Al hacer click aparecerá un menú contextual, selecciona barra de menúes y listo.

    ResponderEliminar
  27. Gracias, El Potro, esperaremos. Tengo la casi seguridad que debe poderse ocultar la sidebar, aunque ya con ocultar unos cuantos gadgets vamos logrando bastante.
    Muchas gracias, saludo.

    ResponderEliminar
  28. Muchas gracias.Eres un crak :)Buen fin de semana,y un agradecido saludo.

    ResponderEliminar
  29. Hola Potro!
    Lo Siento Por Molestarte Tanto Con Los Bordes..
    Pero..
    hay unos raros bordes en mi blog:
    http://panfuamigos-ledwin3.blogspot.com/
    me ayudas?
    gracias!
    SALU2!

    ResponderEliminar
  30. Tengo un problema, en mi blog no aparecen "entradas antiguas", recientes ni pagina principal.

    que puedo hacer.

    ResponderEliminar
  31. Blogio, supongo que te refieres a unos bordes que hay en algunas imágenes; al parecer se trata de los navegadores y sus actualizaciones pues muchos están experimentando el mismo problema.

    El Venado, algo está pasando con Blogger, a todos los que usamos el Leer más de forma automática nos ha sucedido lo mismo. Esos enlaces se subieron, están atrás del primer post. Aún no hay noticias de cuál sea la causa.

    ResponderEliminar
  32. Que hay mi estimado potro, pues aqui nadamas dejando mi comment y felicitándote por este espacio que me ha sido de mucha ayuda en la creacion y crecimiento de mi blog, al cual le faltan muchisimas cosas, empezé a usar dreamweaver para tunearlo pero nunca queda como quisiera, ya sabes no soy buen diseñador ni mucho menos, pero ahi la llevo. Espero me visites, ya pronto espero poder mejorar mi blog http://traviancrack.blogspot.com/. Te espero, trata de estrategias y guías de un juego en linea extremadamente sencillo pero adictivo. Muchas gracias por estar aqui que me has sido de mucha ayuda. (como puedo darme cuenta si conestaste este comment? xD)

    ResponderEliminar
  33. Hola Travian Crack,

    Qué bueno que este sitio te ha sido útil para poder tunear el tuyo.
    Ya me estaré dando mi vuelta para ver cómo te ha quedado ;)

    Saludos y éxito con tu blog.

    ResponderEliminar
  34. Saludos quisiera saber como puedo personalizar cada pagina de mi blog con gadgets distintos. O sea que cada pagina tenga sus propios gadget independientemente de la pagina principal

    Gracias

    ResponderEliminar
  35. Hola Ronald,

    Del mismo modo que se haría para mostrar gadgets sólo en la portada sólo que en lugar de usar la condicional que se menciona en ese post usuarías la que he puesto al inicio de esta entrada.

    Saludos.

    ResponderEliminar
  36. muy útil realmente, gracias por los post!
    ahora mismo me pongo a modificar mi reciente blog,

    gracias por la ayuda!

    ResponderEliminar
  37. ¿puedo ocultar widgets html en las paginas estaticas o al enlazar a una entrada del blog?
    Tengo un html arriba de todo que hace la funcion de cabecera y luego un html que hace de menu. Quiero enlazar a entradas o paginas estaticas y que se oculte el widget de la foto que hace de cabecera.
    Muchas gracias.

    ResponderEliminar
  38. ya esta potro, ya lo he resuelto. muchas gracias.

    ResponderEliminar
  39. Me alegra que lo hayas resuelto tú mismo :D

    Saludos!

    ResponderEliminar
  40. QUE BUENOS APUNTES LOS QUE DAS EN ESTA PAGINA...TENGO UNA PREGUNTA QUE YA ME TIENE LOCO....HACE DIAS GENERE UN ENLACE EN MI BLOG CON JUSTIN.TV Y ME FUNCIONO....AL DIA SIGUIENTE LO FUI ABRIR Y NADA......ME SACA ESTO: 403 FORBIDDEN....QUE PUEDO HACER PARA RETOMARLO NUEVAMENTE....EL BLOG ES http://www.angularestereo972fm.blogspot.com/ ES DE UNA EMISORA Y LO QUE PRETENDIA ERA SACAR POR ESTE MEDIO LA SEÑAL EN VIVO DE LA ESTACION RADIAL. GRACIAS

    ResponderEliminar
  41. POTRO PORFA MIRA MI BLOG E INTENTA INGRESAR EN EL ENLACE DE JUSTINTV ESTA A MANO IZQUIERDA...Y AHI SALE EL ERROR....GRACIAS POR LA AYUDA QUE ME PUEDAS DAR......http://www.angularestereo972fm.blogspot.com/

    ResponderEliminar
  42. Supongo que se trata de un error del enlace que te da ese sitio, verifica que no hayan cancelado tu cuenta, si no ponte en contacto con ellos para que te expliquen por qué no funcionan los enlaces de tu cuenta.

    ResponderEliminar
  43. Hola potro!

    Voy a repetir la pregunta de Ronald.
    Mi idea es que en cada pagina estatica se vea un gadget distinto.
    Probe con varios condicionales pero no logro dar con el correcto.
    Se te ocurre alguna idea??
    saludos!

    ResponderEliminar
  44. Hola florencio,

    Puedes usar este mismo código, sólo habría que cambiar la primera línea por esta:
    <b:if cond='data:blog.url == &quot;URL de la página&quot;'>

    Cambia la URL donde se indica, así esa página tendrá un diseño distinto.

    Saludos.

    ResponderEliminar
  45. Tengo un problema con las páginas estáticas. Al entrar a cualquiera de ellas, aparecen los botones de Twitter, Google Buzz y Facebook flotando a la derecha. Como puedo hacer para ocultarlos. Ésta es la página: http://neongalaxy.blogspot.com/p/contact.html

    ResponderEliminar
  46. Hola Juan Ortega,

    No veo los íconos flotando en esa página, sólo en las entradas normales.
    Supongo que ya lo solucionaste.

    Saludos.

    ResponderEliminar
  47. Saludos.
    No me aparece la página estática cambiada, únicamente un pequeño borde al final de la página, no lo entiendo.
    http://nuevamaqueta.blogspot.com/p/tetas.html
    Mira, esta es la prueba de mi página estática. A ver si puedes ayudarme jefe.
    Un saludo.

    ResponderEliminar
  48. Hola Pacheta,

    No sé qué hayas modificado pues no veo en tu plantilla el código que explico en esta entrada, aunque de todas formas el código tal como está en el ejemplo no te servirá pues la plantilla que usas está bastante confusa.
    Así que en donde diga .post debes cambiarlo por #content
    lo mismo para .post h3 a { por #content h2 a {

    Saludos.

    ResponderEliminar
  49. Muchas gracias por la ayuda. ¿Sabes?, creo que me voy a empezar la plantilla desde 0 por mi cuenta. Es que esa es una modificación de una de internet.... :S

    ResponderEliminar
  50. Ciertamente te será mucho mejor usar la Mínima de Blogger, el aspecto es muy básico pero poco a poco puedes irla personalizando a tu gusto y si lo haces bien te aseguro que tendrás mejores resultados que con las plantillas que no son de Blogger.

    ResponderEliminar
  51. Hola... muy interesante el blog y además me ha servido para corregir algunos problemas del blog que he creado para mi web. Pero tengo un inonveniente que no resuelvo. El caso es que estoy usando una plantilla "Woodmag" y no logro quitar el leer más de las páginas estáticas. En realidad, me serviría quitar el "leer más" de estas páginas o bien, permitir que al hacer click en "leer más" se exapandan (ojo!, sólo en las páginas estáticas) ¿Alguien puede ayudarme? Gracias!!

    ResponderEliminar
  52. Hola veronica,

    Te dejo un enlace de Oloblogger que explica cómo solucionarlo:
    http://oloblogger.blogspot.com/2010/05/para-que-no-aparezca-el-leer-mas-en.html

    Saludos.

    ResponderEliminar
  53. Hola Potro, la verdad estoy desesperada porque trabajé todo el día para hacer unas listas en páginas estáticas, y éstas van en la barra horizontal. Pero al agregar la opción ''Leer más'', todo se cambió. Además en la página estática no funciona el ''leer más''. Me podrías orientar por favor?
    Gracias

    ResponderEliminar
  54. Hola Gabriela,

    Supongo que has de haber tomado el código del leer más de un post que no estaba actualizado.
    Te dejo este enlace para que pruebes con ese código, está actualizado y con él la función de Leer más no afectará a las páginas estáticas.

    Saludos.

    ResponderEliminar
  55. Mil gracias, voy a trabajar ahora mismo en ello y te cuento
    saludos
    Gaby

    ResponderEliminar
  56. por casualidad sabes como puedo borrar los otros elementos que aparecen en las paginas estaticas?? pude borrar los sidebar, pero me aparecen de igual forma los otros elementos como la publicidad. si me puedes ayudar con eso, sería genial
    de antemano. gracias

    ResponderEliminar
  57. Sin expandir los artilugios revisa los gadgets que también quieres ocultar y consigue el nombre de su ID, por ejemplo el de la publicidad dice:
    b:widget id='AdSense1'
    Por lo tanto su ID se llama AdSense1
    Ya que lo tengas agrega dentro del código que usaste para ocultar la sidebar esto:
    #AdSense1 {display:none; visibility:hidden;}

    Lo mismo haces para todos los demás elementos que quieres ocultar.

    ResponderEliminar
  58. ya lo he hecho potro, saludos por eso:)
    una consulta...puse para que las paginas estaticas se vieran de forma distinta (con fondo blanco)
    Cómo puedo hacer para que algunas paginas estaticas, por ejemplo en mi blog http://todoespoker.blogspot.com el item del menu CONTACTO se vea con el fondo negro como estaba originalmente y el resto de las paginas estaticas se queden con el fondo blanco.
    Debo utilizar algun codigo??? donde exactamente tendria que pegarlo??
    saludos potro

    sigue deleitandonos;)

    ResponderEliminar
  59. estuve experimentando ahi y no se si sera el camino...pero para lograr lo que te estaba preguntando arriba fue copiar el codigo de mostrar las paginas de forma distinta, pero ahora le puse la condicional de Mostrar /ejecutar un elemento en una entrada específica o etiqueta específica.
    Luego solo modifique los colores...
    es lo que se debe hacer o hay otro camino??
    saludos

    ResponderEliminar
  60. No porque en realidad sigue siendo una página estática a la cual ya condicionaste una acción.
    Lo que convendría sería que les cambies a todas el color de fondo a blanco y luego dentro de la página contacto pusieras al inicio esto:
    <div style='background:#000;'>

    Y hasta el final de la página esto </div>

    Con eso estás dándole formato a esa página con un color negro de fondo.

    ResponderEliminar
  61. como hago para crear los menu tipo acordeon

    ResponderEliminar
  62. saludos potro
    por casualidad sabes de cuanto se le puede poner como maximo al outerwrapper del blog para que sea visto de buena forma en otros exploradores
    yo lo tengo en 950 px...pero quisiera saber el maximo posible
    saludos y ojala me puedas ayudar en eso

    ResponderEliminar
  63. No creo que haya un ancho máximo, pero el más grande que se usa comúnmente es de 1600px sin embargo toma en cuenta que la mayoría no usa una resolución tan grande además que muy poca gente usa el navegador con la ventana maximizada por lo que la gran mayoría verá "cortada" la página pues no podrá apreciar todo el ancho que tiene.

    ResponderEliminar
  64. se puede quitar de la pagina estática los gadgets que estan a los lado para solo dejar el campo de entrada pero solo para esa pagina

    ResponderEliminar
  65. Pues puedes usar una condicional sólo para esa página, es del mismo modo, sólo que en lugar de usar la primera línea del código que se menciona en esta entrada debes usar esta otra línea:

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

    ResponderEliminar
  66. Lo olvidaba, ahí donde se indica agrega la URL de la página en la que aplicarás los estilos diferentes.

    ResponderEliminar
  67. Impresionante los truquitos que hay para llegar a un buen nivel de personalización.

    Aunque haya va mi reto:

    No he cambiado los estilos de una página, sino que he eliminado las barras laterales (http://madridhockeylinea.blogspot.com/p/pistas-hl.html)

    Todo perfecto aunque los gadgets propios de Google y que no tenía creados con el de JS HTML han dado algún problemilla. No sé como pero han desaparecido.

    El reto es que me he dado cuenta de que blogger mantiene la altura de las páginas estáticas idéntica idéntica a la de la página de inicio o la de entradas. Lo cual queda feo, muy feo, al tener todo el contenido en blanco.

    En el caso de una página con barras laterales no se puede eliminar o cortaríamos algunos gadgets.

    Ahora bien, ¿Cómo hacemos en la del ejemplo?. He probado con todo lo que he encontrado para imponer un height:aapx; pero no terminaba de cambiarse todo a es altura y a veces quedaba todo un fondo negro en la parte inferior vacío.

    ResponderEliminar
  68. Me he perdido un poco ¿exactamente a qué altura te refieres? no me queda claro si es a la altura del contenido de la página o alguna otra altura :\

    ResponderEliminar
  69. Si abres el link: http://madridhockeylinea.blogspot.com/p/calendario.html

    Verás que queda un enorme espacio en blanco una vez pasado el borde inferior del contenido. Concretamente parece corresponder a la misma height que la que suman las entradas de la página pricipal.

    ¿Como podemos hacer para que esta height se acomode al contenido de real de cada página? Parece que si quitamos los widgets o gadgets desaparecen pero mantiene el valor de height.

    ResponderEliminar
  70. Pues de hecho sólo veo ese espacio antes de la línea roja (post-footer) en las páginas donde has agregado el mapa y el calendario, en los demás no lo veo.

    Si es a ese espacio entonces revisa la entrada en la pestaña de Edición de HTML (no en la de Redactar) y fijate que al final no haya espacio, además de eso, si encuentras al final estas etiquetas eliminalas:
    <br/>

    ResponderEliminar
  71. Es justo el espacio que queda debajo del post-footer. No depende de los br o cierre de elementos de la entrada o página.

    Es decir, la altura de la página parece coincidir con la que tendría si las barras laterales tuviesen contenidos.

    Pero lo buenos ería que su altura terminase justo después del post-footer. Si le das a bajar al ratón verás que es eterno lo que se puede bajar y está todo en blanco.

    ResponderEliminar
  72. Ok, ok, ok, ahora sí ya he entendido a qué espacio te refieres.
    Bien, no mencionas qué código usaste para ocultar las sidebar, pero por si las dudas te digo que debe tener esto el código para ocultar:

    display:none;
    visibility:hidden;
    height:0;

    Verifica si tiene eso el código que usaste para ocultar, sino entonces agrégalo y checa si desaparece el espacio.
    Sino entonces dame más datos acerca de cómo hiciste para ocultar las sidebar.

    ResponderEliminar
  73. Muchas gracias!

    Tenía sólo el hidden y no tenía ni idea de que otras propiedades podían ser.

    ResponderEliminar
  74. Hola! Tengo una pregunta: se pueden poner videos de youtube en las páginas estáticas de blogger? Hace un rato hice una, porque quería poner en ella sólo vídeos, trailers de libros (el blog es de libros) y cuando publico aparece el código del vídeo pero no el vídeo para reproducir.

    Saludos!

    ResponderEliminar
  75. Ah, eliminé la página, porque también me gustaría ubicarla junto al "Hom2E, Post RSS", etc., que por defecto traía la plantilla.

    El blog es www.vampirelandia.blogspot.com

    Gracias!

    ResponderEliminar
  76. Claro que se puede, en ellas puedes agregar cualquier contenido. Edita la página y en la parte de abajo donde dice Opciones de entrada da click y revisa que donde dice 'Configuración de composición' esté en 'Interpretar HTML escrito' y no en 'Mostrar HTML literalmente'

    ResponderEliminar
  77. Hola Potro! me puse en contacto contigo por facebook, pero el problema que te comentaba ya más o menos lo he solucionado.

    Sigo montando un blog con vistas a ser la web de mi grupo de música. Ahora lo que quiero conseguir es que en las paginas estáticas pueda incluir gadets diferentes y una presentación diferente a la pagina principal ¿es posible?

    Espero que puedas ayudarme, poco a poco va cogiendo forma, pero eso le da un aspecto mucho más a "web personalizada".

    Un saludo y a seguir haciendo posible una web como ciudad blogger una guía para todo aquel que quiere dar un mejor aspecto a su blog.
    Es la primera vez que te escribo, pero estoy seguro que no será la última. Espero que lo hayas pasado bien en las vacaciones!

    ResponderEliminar
  78. Mira esta y esta entrada acerca de cómo hacer que los gadgets se muestren sólo en algunas partes del blog.
    Así mismo mira esta entrada que habla sobre los códigos condicionales que es un poco más completo que las entradas que te mencioné.

    ResponderEliminar
  79. Muchas gracias Potro, es un placer comenzar a utilizar tu ayuda. Pronto te mostraré los resultados, sé que tienes muy buenas ideas y cualquier sugerencia será muy bienvenida.

    ResponderEliminar
  80. Muy buen truco Potro ya lo hice ,funciona de maravilla,Gracias!! ¿se podràn cambiar los colores de los links? porque en las entradas se ven bien ,pero en las pàginas estàticas no se ven muy claros.
    saludos

    ResponderEliminar
  81. ¿Te refieres a los links dentro de las páginas estáticas? Claro, sólo agrega antes del </style> que se encuentra en el código de esta entrada, esto:

    .post a:link {color:#00FF00;}

    Ahí puedes modificar el código del color que desees que tengan los links dentro del contenido de las páginas estáticas.

    ResponderEliminar
  82. Gracias Potro!! me olvidè de suscribirme al comentario jeje, pensè que no me habias contestado; por eso tardè en agradecerte gracias ,gracias.
    Saludos!

    ResponderEliminar
  83. De hecho recién respondí, tuve que salir y apenas hace un par de horas tuve tiempo de revisar los comentarios :D

    ¡Saludos!

    ResponderEliminar
  84. Hola, otra vez yo, una pregunta. se puede hacer que por ejemplo el gadget donde tengo el reproductora de música no aparezca cuando se abren las paginas del blog? gracias!

    ResponderEliminar
  85. Sigue los pasos de esta entrada, sólo que en lugar de poner la primera línea en color rojo pon esta otra:

    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

    ResponderEliminar
  86. Potro te hago una pregunta: Lo busque en tu blog pero no lo encontré!

    COmo hago para que las páginas estáticas se abran en la misma ventana?? Porque cada vez que le das clic a una opción te las abre en una nueva ventana y si tenes varias páginas y el lector quiere ver cada una termina abriendo 5 o 6 veces cuando podría seguir navegando en la misma pestaña!

    Me das una mano con esto? Gracias

    ResponderEliminar
  87. Al parecer en tu menú tienes indicado que se abran en otra ventana.
    Busca en esta área div id='navigation' y debajo verás tus enlaces, elimina los target='_blank' que encuentres.

    Saludos.

    ResponderEliminar
  88. No era ahí pero tenía en los li los target='_blank'. Mira que antes de preguntarte me fije si era eso y no los ví!!!

    Bueno gracias Potro igual!

    Abrazo

    ResponderEliminar
  89. Qué bueno que ya lo has solucionado :)
    Un abrazo.

    ResponderEliminar
  90. Hola Potro, esta es una muy buena opción, pero yo tengo otra pregunta, porque no he encotrado (igual soy despistada) y espero explicarme bien.

    He activado las páginas en mi blog, pero se me ha ocurrido usarlo además como una especie de menú horizontal, solo...que me gustaria saber si se puede que en lugar de que abra una página dentro del mismo blog, al pinchar sobre el titulo de cada página, abriese una dirección externa, como si fuese un menú "normal". De "contacto, acerca , flirck..etc"

    Se puede o tengo que hacerlo con código htlm??

    Gracias!

    ResponderEliminar
  91. Hola Potro!! ya he encontrado la forma super sencillo con los "ul" en los widgets.

    Igual, gracias ;)

    ResponderEliminar
  92. Qué bueno que ya lo has encontrado. Aquí mismo en el blog hay una entrada que justamente habla sobre ese tema ;)

    ResponderEliminar
  93. el unico problema (en mi caso) es que se ve ese color de fondo de la pagina "montado" sobre el fondo preestablecido a la entrada, que asoma por los bordes exteriore de la misma, pero por lo demas, genial este truco

    ResponderEliminar
  94. Supongo que depende mucho de la plantilla donde se haga :\

    ResponderEliminar
  95. Hola potro soy yo otra vez...!! en este caso quisiera preguntartee si hay trucoss o formas de modificar la apariencia de las paginas asi como todas las q tienes en la seccion de entradas?


    Saludos.

    ResponderEliminar
  96. Me supongo que te refieres a esto:
    http://ciudadblogger.com/2009/07/mostrar-solo-los-titulos-de-las.html

    ResponderEliminar
  97. Gracias por tus excelentes aportes. Soy nuevo en esto de blogger y no se si me puedes resolver una duda. No se si es posible colocar cabeceras diferentes en las páginas estáticas y si es asi, me gustaria saber como.
    Gracias.

    ResponderEliminar
  98. Tanto como cabeceras diferentes no pues sólo puede usarse el gadget de cabeceras una sola vez. Probablemente usando un gadget como cabecera y aplicando condicionales para que sólo se vea en una parte y en el resto no, pero puede ser algo complejo sobre todo si apenas estás empezando :/

    ResponderEliminar
  99. Hola quería hacer una consulta, como hago para cargar entradas en las diferentes páginas que realizo dentro el blog.
    Es decir, tengo 4 páginas creadas pero cuando publico las entradas. Estas solo se cargan en la página principal.

    ResponderEliminar
  100. En las páginas no se pueden agregar entradas.

    ResponderEliminar
  101. ¿Se puede cambiar la sidebar en cada una de las páginas estáticas? No me refiero a ocultarla, sino a personalizar cada una de ellas. Por ejemplo poner distintas publicidades en cada una de las páginas

    ResponderEliminar
  102. Hola Lic. Marcial Cabello,

    Mira el comentario #83, ahí hay varios enlaces con los que podrás ver cómo mostrar gadgets en distintas partes del blog de forma condicionada.
    Saludos.

    ResponderEliminar
  103. Hola Potro
    Hay alguna manera de eliminar la fecha de las paginas estaticas o de poder actualizarlas...
    Un saludo

    ResponderEliminar
  104. Hola JordanyPippen, puedes incluir en esos estilos el de la fecha, para que no se muestre:

    h2.date-header {display:none;}

    ResponderEliminar
  105. perdona Potro pero no me sale, sería mucho pedir que le echaras un vistazo al codigo de mi blog y me ayudases a solucionar el problema (unica y exclusivamente de eliminar el fecha de las paginas estaticas o bien poder actualizarlas)

    http://elblogdejordanypippen.blogspot.com/

    ResponderEliminar
  106. Es que tú tienes otro tipo de fecha distinta a la original de Blogger. En lugar de lo otro agrega esto:
    #blfecha {display:none;}

    ResponderEliminar
  107. Potro con ese codigo elimino las fechas de las entradas o post principales y simplemente quiero eliminarlo de las paginas estaticas, es decir, de las paginas que tengo en el menú de arriba del blog (donde pone abrir menu arriba de la cabecera)

    ResponderEliminar
  108. Recuerda que el código debe ir dentro del que se menciona en esta entrada, es decir, antes de </style>
    Si lo pones en otro lado entonces sí te lo ocultará en todas partes, pero si lo pones dentro de ese código entonces deberá ser efectivo sólo en las páginas estáticas.

    ResponderEliminar
  109. Gracias Potro, por tu ayuda ya he conseguido lo que quería... de nuevo un millón de gracias

    ResponderEliminar
  110. Muy buena entrada Potro, además que aprendí cual es el código para hacer visible o no algo en las páginas. Gracias

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

    ResponderEliminar
  112. hola primero agradecerte por tu blog muy util y esta todo lo que uno nesecita,estoy probando el tema de las paginas estaticas,uso las nuevas plantillas blogger,lo unico que no logro cambiar es el color al contenedor de las entradas en la plantilla blogger figura asi

    Variable name=keycolor description=Main Color type=color default=#539bcd

    lo quiero cambiar por codigo y solo tenerlo en las paginas estaticas ponerlo transparente como tenes en el ejemplo del blog de pruebas "EasyDrag"

    gracias y saludos

    ResponderEliminar
  113. Hola Pablo,

    El procedimiento es el mismo, sólo hay que cambiar el color de esta parte:

    .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 */

    Si quieres que no tenga nada entonces que quede así:
    background: none !important;

    Saludos.

    ResponderEliminar
  114. gracias El Potro por tu respuesta,si eso lo tenia echo es el fondo de las entradas yo me refiero al fondo que esta debajo de las entradas estoy usando la plantilla picture windows,osea hay tres fondos

    1-uno es que ocupa todo la pagina,
    2- el que contiene a las entradas y sidebar,esta por encima del fondo 1
    3-el ultimo es el de las entradas por encima de fondo 1 y 2

    quiero modificar el fondo 2 pero no puedo encontrar como hacerlo estuve probando con varios nombres y nada creo que esta parte se llama "main-inner"
    con esto modifico el borde pero no logro eliminar el fondo

    .main-inner .column-center-outer {
    border: transparent;}

    ResponderEliminar
  115. Para esa plantilla tendrías que agregar además estos estilos:

    .main-outer {
    background:none;
    border:0;
    }

    Esa parte es la que contiene la imagen semi transparente que dices.

    ResponderEliminar
  116. hola potro existe la posibilidad de ocultar la cabecera del blog en las paginas de blogger??
    saludos lerh

    ResponderEliminar
  117. Por supuesto, sólo debes incluir ahí mismo la propiedad que lo ocultará. Si es una plantilla antigua sería así:

    #header-wrapper {display:none;}

    Si es de las del Diseñador entonces sería así:
    .header-outer {display:none;}

    ResponderEliminar
  118. Hola Potro! Pasaba por esta entrada y cheque el "blog de pruebas" y (no se si no entendi el concepto de lo que mostraria pero..) No vi nada diferente en las páginas.

    ResponderEliminar
  119. Gracias por el aviso Ismael. El otro día estuve moviendo unas cosas y no me fijé que sin querer eliminé ese código, pero ya está puesto de vuelta en el blog de pruebas :)

    ResponderEliminar
  120. Okk. Una duda, se podrá que en las páginas (o solo en algunas) se eliminen los Gadget's para darle más espacio a la página y su contenido?

    ResponderEliminar
  121. Sí, mira en uno de estos dos dependiendo de tu plantilla:
    http://ciudadblogger.com/2010/02/ocultar-sidebar-en-las-paginas.html
    http://ciudadblogger.com/2010/10/ocultar-sidebar-en-las-paginas.html

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

    ResponderEliminar
  123. Hola!! ^^ yo de nuevo para variar XD jajaja

    ya casi estoy terminando el blog! :3 y todo gracias a ti :D
    Estoy aprendiendo mucho para cuando deba hacer otro medio igual jaja.

    Ahora use este truco pero no se porque no me muestra diferentes las paginas estaticas.
    Lo que pude es sacar el titulo de ellas pero al parecer no hace caso al codigo que aca pones.
    Igual no es mucho cambio que le quiero hacer solo sacarle el borde rosa y si es posible la parte de los botones de compartir.

    Asi se ven ahora:
    http://alegriahogar.blogspot.com/p/bienvenidos.html

    como dije me gustaria saber como sacarle ese borde y los botones compartir, aunque lo ultimo me pinta a que es muy complicado.

    ResponderEliminar
  124. Hola Curu-Curu,

    Te está quedando estupenda la plantilla :)
    El procedimiento es el mismo, pero si sólo quieres sacarle esos dos elementos entonces debajo de:
    <style type='text/css'>

    Agrega sólo esto:
    .post {border:0;}
    .post-footer {display:none;}

    Saludos.

    ResponderEliminar
  125. Muchísimas gracias!! vos sabes que probe y cuando pongo vista previa me aparecia igual como que si no cambio nada.

    Pero me anime a guardar la plantilla de todas formas porque habia probado y probado y la verdad no entendia que pasaba por que no cambiaba nada. Cuando pongo para ver el blog una vez guardado con el código (yo estaba cruzando los dedos jajaa) TARAAAAAN! aparece sin los bordes y los botones jaja.

    No se porque anda medio mal la vista previa me esta pasando lo mismo en otros blogs que manejo.

    De cualquier forma te vuelvo a garadecer no sabes lo mucho que aprendi haciendo la plantilla del blog jaja!

    ResponderEliminar
  126. Recuerda que la Vista Previa hace un preview de la portada del blog nada más, pero el cambio que aquí aplicaste no es para la portada, sino para las páginas estáticas, así que en la Vista Previa nunca verás ese cambio ;)

    ResponderEliminar
  127. Aquí ando de nuevo con más dudas.

    Deseo poner un par de páginas estáticas, una con banners para que me enlacen y otra para el contacto. Me gustaría que a dichas páginas se llegara a través del enlace con el menú que agregué, que no será complicado, pero ahora llega mi duda. ¿Cómo hacer una página estática y que solo se llegue a ella y se pueda ver a través de ese redireccionamiento desde el menú y que no me aparezcan ni como etiqueta y su consiguiente pestaña ni nada por el estilo. Como página ajenas al blog pero dentro del mismo, obviamente. No sé si pido imposibles o si ya está explicado por algún lado, pero acabo de enterarme del concepto de "página estática", jajaja.

    Gracias!

    ResponderEliminar
  128. Hola Carlos,

    No es imposible, de hecho esa es la función de las páginas estáticas, se muestran únicamente a través de un enlace, pues no se integran en la portada con las entradas ni en ninguna otra parte ya que no se les puede añadir etiquetas.
    Si usas la interfaz antigua entra en Creación de entradas > Editar páginas > Página nueva. Ahí podrás hacerla, al final cuando la publiques te preguntará si deseas añadir el gadget de páginas para que desde ahí tengas acceso a ella, o puedes elegir que se publique sin gadget, esa opción es para que no se agregue nada más y tú puedas enlazar la URL de la página desde el menú que tú elijas.

    Saludos.

    ResponderEliminar
  129. Hola Potro. Es genial tu página y la haces valer el doble al considerar comentario por comentario. ¡¡Excelente!! // Te cuento mi problema. Yo tengo un blog en el que tengo la página principal y luego otras estáticas. Ahora bien, tengo pensado crear otra página estática más pero me gustaría que se comporte como la pág principal (en el sentido que me permita crear varias entradas). La respuesta de Google es que no se puede hacer eso o.0. Quizás dentro de un tiempo se den cuenta de esa limitación perjudica a varios bloggers. Pero por ahora, ¿sabes de alguna solución?

    ResponderEliminar
  130. Muchas gracias por tu comentario Javier,
    No hay otra opción a lo que buscas, al menos no que yo sepa. Todo blog se comporta siempre de igual forma, muestra las últimas entradas en la portada, de la más nueva a la más antigua. Y las páginas de Blogger lo único que tienen diferente de las entradas es que éstas no se muestran en la portada del blog, pero no puedes acumular o agrupar ahí varias entradas pues son sólo páginas.

    Saludos.

    ResponderEliminar
  131. Gracias a vos Potro. Sinceramente, creo que Blogger es una gran plataforma y aun puede ser mucho mejor. A nivel de usuario, sería tan simple que a la hora de crear una nueva página nos pregunte si deseamos que sea dinámica o estática. ¿Por qué algo que veo tan simple y útil es inexistente? Pero buen, que le vamos a hacer por el momento. Gracias Potro por responder! Saludos!

    ResponderEliminar
  132. Hey! primero que nada te agradezco por este blog. Casi todo lo que he aprendido de html lo he aprendido acá. Luego, estoy armando un blog y seguí estos concejos para modificar las páginas pero no puedo cambiar el color del título y cuando pasó el cursos encima de él ni siquiera me aparece como vínculo.

    la dirección es centrocuatrovientos.blogspot.com

    Te agradecería que me indicaras que anda mal. Un saludo.

    ResponderEliminar
  133. Hola Gabriel Woltke,

    Que ya no te aparezca como vínculo cuando estás en ella puede ser hasta cierto punto normal, eso depende de la forma como el autor de la plantilla la haya diseñado, muchas de las plantillas que hay en la red se comportan de la misma manera.
    El color del título se debe poner en esta clase, por ejemplo:

    h3.post-title {
    color:#000;
    }

    Muchas gracias por tu comentario.
    Saludos.

    ResponderEliminar
  134. Una pregunta, ¿hay alguna forma de crear una página y que no aparezca en el menú?

    ResponderEliminar
  135. Claro, haz click en Editar sobre el gadget de Páginas, ahí verás los nombres de tus páginas y al lado de cada una de ellas una casilla, desmarca las casillas de las páginas que no quieras mostrar en el menú y guarda los cambios.

    ResponderEliminar
  136. Hola! Gracias por tus aportes!

    Queria preguntarte algo.

    ¿A este codigo se le podria añadir algo que haga que no se muestren en las paginas las columnas laterales (donde estan los gadgets), y que el cuerpo de la pagina sea mas ancho?
    Solo para paginas estaticas. Muchas Gracias por adelantado...

    ResponderEliminar
    Respuestas
    1. Claro que sí Cordobess@, mira esta entrada:
      http://ciudadblogger.com/2010/02/ocultar-sidebar-en-las-paginas.html

      Eliminar
  137. Potro, otra vez molestándote un rato... ya que sé un poco pero no soy experto jajajaja.

    Mira cree un foro y lo coloqué en una pagina estática pero quiero que SÓLO en esa página no se vea la sidebar (que está en el lado izquierdo) para que así pues pueda ocupar todo el ancho del blog... Crees que se pueda??? Sería solamente en esa página eliminar la sidebar...

    Te dejo el link para que me digas que tal... http://tvboricuausa.blogspot.com/p/foro.html

    Gracias mil de antemano...

    ResponderEliminar
    Respuestas
    1. Es igual como se explica en esta entrada:
      http://ciudadblogger.com/2010/10/ocultar-sidebar-en-las-paginas.html

      Sólo que en lugar de usar esta línea en el código:
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

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

      Eliminar
  138. Se puede agregar a una pagina en especifico un efecto de brillo...
    para llamar la atencion..

    ResponderEliminar
  139. Hola Potro. Tengo una pregunta para vos. Estoy creando un blog y necesito controlar el margen de mis páginas de blogger. me aparecen muy a la izquierda y las quiero un poco mas al medio. http://blogdeprueba158.blogspot.com/

    ese es el blog de pruba. q hago? no me funciono nada de lo q pusiste arriba... o no lo supe hacer bien. avisame plissss

    ResponderEliminar
    Respuestas
    1. Hola OCRE dg, puedes aplicar un margen al área de las entradas, como no muestras la sidebar supongo que no habrá problema.
      Para agregarlo coloca debajo de #main-wrapper { esto:
      margin-left: 80px;

      Esa es la distancia desde la izquierda.
      Saludos.

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

    ResponderEliminar
    Respuestas
    1. Por que lo has eliminado si tu me has pedido publicarlo !

      Eliminar
    2. Yo no he eliminado nada, lo has eliminado tú, por eso dice "Este comentario ha sido eliminado por el autor."
      Si lo hubiera eliminado yo diría "Este comentario ha sido eliminado por un administrador del blog."

      Eliminar
    3. Perdona, pensé que era por el autor del blog mil disculpas
      Potro te dejo el link de mi blog no me andan las paginas estáticas :( http://locusdissimilis.blogspot.com/ Perdón por el malentendido

      Eliminar
    4. No te preocupes que supuse que era un malentendido. ¿Sabes qué ha pasado? Que dejaste el comentario aquí por equivocación, por eso lo borraste, luego lo pusiste en la otra entrada, la correcta, que por cierto ese mismo día te respondí ;)
      http://ciudadblogger.com/2010/02/personalizar-el-gadget-de-paginas.html

      Eliminar
    5. No encuentro tu respuesta :( Podrías decímelo por aquí de nuevo ? Gracias !!! :D

      Eliminar
    6. Es el comentario #309, tienes que dar click en el botón "Cargar más" para ver todos los comentarios.

      Eliminar
  141. Hola potro, se pueden quitar la opción de comentarios en las páginas estáticas, gracias por todo.

    ResponderEliminar
    Respuestas
    1. ¿Para que los lectores no comenten? Sí, edita la página y en "Opciones de entrada" puedes deshabilitar los comentarios para esa página.

      Eliminar
  142. Hola potro, hay una cantidad determinada de páginas estáticas que se pueden poner, leí por ahí que empezaron con 10, yo llevo 20 y cuando quise poner más, me da un error, sabes si ya no puedo poner más, gracias.

    ResponderEliminar
    Respuestas
    1. Hola Diego, originalmente sólo se podían 10, luego aumentaron a 20.
      Había un truco de Vku que permite agregar más cantidad, no sé si aun funcione:
      http://loseasi.blogspot.com/2011/03/tener-mas-de-10-paginas-independientes.html

      Eliminar
  143. Hola, lo que te quería preguntar no tiene nada que ver con esta entrada.
    Mi pregunta era que si en Blogger se puede hacer el efecto que tiene esta web: http://muyblog.com/
    Osea, que cuando le das a los enlaces que hay arriba del todo: Contáctenos, Nuestros Blogs y Publicidad, te lleva a una parte en concreto de la página de inicio. Se puede?

    ResponderEliminar
    Respuestas
    1. Hola Josep-Pepe, en esta entrada se explica cómo hacerlo:
      http://ciudadblogger.com/2009/06/como-crear-vinculos-dentro-de-la-misma.html

      Eliminar
    2. Hola El Potro, buscando plantillas he encontrado una que hace un efecto en la posición de las entradas es esta:
      http://www.allblogtools.com/blogger-templates/4-columns/gallery-johny/?theme=demo
      El efecto es el siguiente: En la página principal aparecen las entradas en la banda izquierda y la barra lateral en la banda derecha, cuando abro una entrada aparece la entrada en la banda derecha y la barra lateral en la banda izquierda. Como se puede hacer eso ?

      Eliminar
    3. Sólo es jugar con las condicionales y los elementos, de modo que en la portada especifiques cómo se verá el contenido, y que en las entradas individuales se vea de otra forma:
      http://ciudadblogger.com/2011/01/ocultar-gadgets-y-elementos-en.html

      Por ejemplo, harías una sidebar izquierda, esa estaría oculta en todas partes menos en las entradas individuales. La sidebar derecha estaría oculta en las entradas individuales pero en el resto no.

      Eliminar
    4. Gracias ;) Voy a hacer unos clicks de publicidad de agradecimiento!

      Eliminar
  144. Hola Potro, antes de nada darte las gracias porque siempre contestas,
    mi pregunta es la siguente, en mi blog: http://fanmanga-dragonball.blogspot.com.es/ al pinchar en el banner que tengo parece que la página de mueve un poquitin, eso sucede si salgo de la pagina principal, sabes cual es el problema?

    ResponderEliminar
    Respuestas
    1. Hola Vhila, entré pero no veo que se mueva nada al hacer click ahí, lo he visto con Google Chrome. ¿Ya has probado verlo con otro navegador?

      Eliminar
    2. Es como si se desplazara todo unos pocos pixeles hacia la izquierda, si no se aprecia pues genial, gracias :)

      Eliminar
    3. Pues no, no noto que se mueva :(

      Eliminar
  145. ¡Potro! Te molesto de nuevo... Bueno, resulta que en mi anterior plantilla usaba este truco para que las péginas estáticas tuvieran otro fondo http://annyz-kawaii.blogspot.com.ar/2011/08/poner-un-fondo-diferente-cada-pagina-de.html Pero ahora no me funciona con la plantilla nueva... ¿Por qué será?

    ResponderEliminar
    Respuestas
    1. Sobre entradas de otros blogs no puedo asesorarte por respeto a los demás autores. Pero revisa que cuando pongas la URL de tu página no pongas la extensión del país.

      Eliminar
  146. No hay duda de que eres un genio, Potro, por eso siempre recurro a vos cuando hay algo que no puedo arreglar ^_^ Y me quito el sombrero por tu respeto a los demás autores, no muchos hacen eso ^^
    ¡Besos y cariños desde Argentina, Potro! ¡Y mil gracias por responder tan pronto!

    ResponderEliminar
    Respuestas
    1. Qué gusto que te haya servido :)
      ¡Besos para ti también!

      Eliminar
  147. Hola Potro. Siempre consulto tu página, es muy útil !!!!! Tengo una duda. Yo creé páginas estáticas pero se me abren todas en nuevas ventanas y eso hacrá la navegación engorrosa para los lectores. Puedes ayudarme a cómo solucinarlo? Que abran todas en la misma ventana? Igual me pasa al hacer clic en el gadget de entadas relacionadas con imagen que están al final de cada entrada. Pero lo que más que preocupa es el tema de las páginas estáticas: www.la-esquina-azul.blogspot.ca

    Gracias!!

    ResponderEliminar
  148. Acabo de ver el texto sobre que eliminas los comentarios si coloco la dirección del blog y además tengo derechos de autor. En ese caso, vuelvo a escribirte:

    Deseo que las páginas estáticas abran en una misma ventana. Igualmente los post viejos, pero la prioridad son las páginas. Mi blog se llama La esquina azul.

    Gracias!!!

    ResponderEliminar
    Respuestas
    1. Descuida Vero, eso sólo es para quienes tienen descargas de películas, música, etc.
      Mira esta entrada, veo que tienes ya el primer código, pero te falta condicionar el gadget de páginas:
      http://ciudadblogger.com/2010/04/abrir-todos-los-enlaces-en-otra-ventana.html

      Eliminar
  149. Wao!Listo! Eres lo máximoooo! Gracias a este blog he ajustado el mío a mi gusto. Sigue adelante Potro!

    ResponderEliminar
  150. Hola Potro, tengo una duda, desde hace algunos días he notado que mis páginas estáticas no se muestran, las tengo enlazadas a través de un menu horizontal en la parte superior del blog, sin embargo al darle click las páginas no se muestran, no se que sucede, quiza algún widget que he agregado esta impidiendo que se muestren o quizá haya modificado algun código sin querer. En el editor de páginas de blogger me aparecen lás páginas pero al visitarlas no se muestran, por ejemplo la página Historia de la Fisicoquímica(http://cursosdetermoyequilibrio.blogspot.mx/p/historia-de-la-fisicoquimica.html), no muestra su contenido. ¿Podrías ayudarme? Te dejo el link de mi blog: http://cursosdetermoyequilibrio.blogspot.mx/
    De antemano te doy las gracias, hasta pronto.

    ResponderEliminar
    Respuestas
    1. Hola JUAN ENRIQUE, posiblemente eliminaste algún código de la plantilla, si recuerdas qué cambio hiciste antes de que eso sucediera deshaz los cambios, si tuvieras un respaldo de la plantilla instala ese respaldo.

      Eliminar
  151. Gracias por tus excelentes aportes, Potro. Soy bastante nuevo en esto de blogger y tengo un problema: hace una semana introduje una nueva entrada y me empezó a aparecer, al final de todas las entradas publicadas, el siguiente aviso: 403 Forbidden Terms of service or of ImageShack.. by user request. ¡Qué debo hacer para que este sello o aviso desaparezca?

    ResponderEliminar
    Respuestas
    1. Por lo que mencionas parece que alguna imagen de tu plantilla está alojada en ImageShack y dejó de funcionar. Procura alojar tus imágenes siempre en Picasaweb o súbelas directo desde Blogger, así tendrás control total de tus imágenes y evitarás esos problemas.

      Saludos.

      Eliminar
  152. Hola Potro se podria hacer este truco pero con las post sin afectar la pagina principal del blog??

    gracias.

    ResponderEliminar
    Respuestas
    1. Claro, sólo cambia la condicional:
      http://ciudadblogger.com/2010/03/condicionales-de-blogger.html

      Eliminar
  153. pero si quiero cambiar todo el aspecto de la pagina es decir que el hacno de la pagina ocpe mas espacio, nada de gadget,, algun script especial solo para esa pagina....

    ResponderEliminar
    Respuestas
    1. En el comentario #127 hay dos enlaces que te pueden servir.

      Eliminar
  154. Hola potro! te cuento que probe una plantilla y no me deja ver las paginas, me las muetra como miniatura y nada mas, este es el blog http://helambeta.blogspot.com/ y veras arriba la pagina "videos" por que sera? saludos!

    ResponderEliminar
    Respuestas
    1. Hola Martin, es porque la plantilla es muy antigua, es posible que cuando la crearon no existían aun las páginas y por eso no incluyeron códigos para ellas, lo ideal sería que utilizaras una plantilla más actualizada.

      Eliminar
  155. Hola, soy nueva escribiendo aquí aunque veterana en lectura... gracias, ante todo, por tu dedicación.

    Mi problema es que quiero que al llamar a una etiqueta aparezca también un texto sobre las entradas. He pensado si sería posible llamar a determinada etiqueta desde una página estática. De manera que escribiera el texto en la página y después (no sé como :))salieran las entradas de determinada etiqueta.

    ¿se puede hacer algo?

    Gracias por tu tiempo.

    ResponderEliminar
    Respuestas
    1. Hola Maku, quizá lo que estás buscando es esta entrada, un tutorial para poner un mensaje arriba de las páginas de etiquetas:
      http://ciudadblogger.com/2011/06/agregar-una-descripcion-las-etiquetas.html

      ¡Saludos!

      Eliminar
    2. ¡que bien! si, si era eso....
      Mil gracias

      Eliminar
  156. Potro, relacionado con esto de diferenciar la principal y las páginas Puse un slider en mi blog, pero quiero que solo esté en la principal. ¿se puede? http://www.proveeduriasb.com.ar/

    ResponderEliminar
    Respuestas
    1. Sí Andrés, se puede. Mira esta entrada, ahí verás cómo ocultar ese o cualquier otro gadget donde quieras:
      http://ciudadblogger.com/2011/01/ocultar-gadgets-y-elementos-en.html

      Eliminar
  157. Gracias Potro, ya lo hice, (lo encontré en este mismo blog buscando un poco más) tu trabajo es inconmensurable. Casi todo lo "distinto" que puedo poner a mis blogs lo saco de Ciudad Blogger ¡GRACIAS!
    Mi blog propio: www.blogdelprofeandres.com.ar

    ResponderEliminar
    Respuestas
    1. Muchas gracias a ti por tu amable comentario Andrés, ¡saludos!

      Eliminar
  158. Hola, con que codigo podria dejar una /p/ o pagina estatica en blanco solo que con la cabecera?

    ResponderEliminar
    Respuestas
    1. Hola, mira esta entrada, ahí verás cómo usar las condicionales para ocultar donde quieras todos los elementos que desees:
      http://ciudadblogger.com/2011/01/ocultar-gadgets-y-elementos-en.html

      Eliminar
  159. Hola potro:soy jesus ureña.Sigo con mucho interés tus post y he aprendido mucho.
    tengo una duda y es que en mi barra lateral tengo unos gadgets con imagen que te llevan a una página.la página se muestra rara con bordes grises a la izda.Se puede arreglar eso para que aparezca todo el cuerpo en blanco como la página principal del blog?Gracias de corazón de parte de todos los de la asociación
    http://wwww.fqbizkaia.org

    ResponderEliminar
    Respuestas
    1. Hola Jesús, ¿aplicaste algún código condicional para las páginas estáticas? ¿cuál?

      Eliminar

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

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

 
Ir Arriba Ir Abajo
I Ciudad Blogger