<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 Diseño > Edición de HTML y antes de </head> pega lo siguiente:
<b:if cond='data:blog.pageType == "static_page"'>
<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.





"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
ResponderSuprimirSi 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!!!
Que bueno.
ResponderSuprimirya esperaba que estuvera disponible esa opcion.
y ahora la parte complicada: que post poner como paginas estaticas.
saludos.
Hola Potro, muy bueno el truco, la verdad que ya esperaba esto, para poder darle un toque diferente a estas páginas.
ResponderSuprimirGracias por tu trabajo.
Un saludo!
Hola brother,
ResponderSuprimirJajaja, 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!
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.
ResponderSuprimirEduardo 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 ;)
Hola,
ResponderSuprimirtengo 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
Hola JkEandi,
ResponderSuprimirTan 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!
Si esto era lo que queria.Exactamente te pasaste.
ResponderSuprimirAhora podre personalizar mejor mi menu :D.
Entonces te he leído la mente ;)
ResponderSuprimirHola potro al final no lo pude solucionar al problema, ya fue lo dejo así.
ResponderSuprimirLo 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???
Te la debo, de diseño flash no sé, pero puedes preguntarle a PepeX de Trucos Flash y seguro sabrá orientarte.
ResponderSuprimirSaludos.
Ok, muchas gracias compañero.
ResponderSuprimirAbrazo grande ;)
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.
ResponderSuprimirMi 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
PD: jeje por un momento me pillaste con lo de tu perfil, me quede =O cuando vi auncios, saludos
ResponderSuprimirLeyendo 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..."
ResponderSuprimirEs 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...
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
ResponderSuprimirHola,y de nuevo perdón por poner una consulta que no tiene nada que ver con el post.
ResponderSuprimirAccidentalmente 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.
Hola.
ResponderSuprimircomo se cual es el css de este menu
http://www.randallwebdeveloper.com/files/tinymce/2008/febrero/cssmenuvista/cssmenuvista.html
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!
ResponderSuprimirAscesino96, 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.
Muchisimas gracias, me es muy util esto!!
ResponderSuprimirMe alegra que te haya servido.
ResponderSuprimirSaludos.
¿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ú".
ResponderSuprimir¿Entonces te refieres a tu navegador?
ResponderSuprimirEso es distinto, ¿qué navegador usas?
Este comentario ha sido eliminado por el autor.
ResponderSuprimirEstá 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.
ResponderSuprimirUn saludo.
Hola enrique,
ResponderSuprimirUsando 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.
Uso el Mozilla Firefox,el 3.6.
ResponderSuprimirSó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.
ResponderSuprimirGracias, El Potro, esperaremos. Tengo la casi seguridad que debe poderse ocultar la sidebar, aunque ya con ocultar unos cuantos gadgets vamos logrando bastante.
ResponderSuprimirMuchas gracias, saludo.
Muchas gracias.Eres un crak :)Buen fin de semana,y un agradecido saludo.
ResponderSuprimirHola Potro!
ResponderSuprimirLo Siento Por Molestarte Tanto Con Los Bordes..
Pero..
hay unos raros bordes en mi blog:
http://panfuamigos-ledwin3.blogspot.com/
me ayudas?
gracias!
SALU2!
Tengo un problema, en mi blog no aparecen "entradas antiguas", recientes ni pagina principal.
ResponderSuprimirque puedo hacer.
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.
ResponderSuprimirEl 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.
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)
ResponderSuprimirHola Travian Crack,
ResponderSuprimirQué 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.
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
ResponderSuprimirGracias
Hola Ronald,
ResponderSuprimirDel 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.
muy útil realmente, gracias por los post!
ResponderSuprimirahora mismo me pongo a modificar mi reciente blog,
gracias por la ayuda!
Gracias a ti por tu visita :)
ResponderSuprimir¿puedo ocultar widgets html en las paginas estaticas o al enlazar a una entrada del blog?
ResponderSuprimirTengo 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.
ya esta potro, ya lo he resuelto. muchas gracias.
ResponderSuprimirMe alegra que lo hayas resuelto tú mismo :D
ResponderSuprimirSaludos!
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
ResponderSuprimirPOTRO 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/
ResponderSuprimirSupongo 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.
ResponderSuprimirHola potro!
ResponderSuprimirVoy 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!
Hola florencio,
ResponderSuprimirPuedes usar este mismo código, sólo habría que cambiar la primera línea por esta:
<b:if cond='data:blog.url == "URL de la página"'>
Cambia la URL donde se indica, así esa página tendrá un diseño distinto.
Saludos.
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
ResponderSuprimirHola Juan Ortega,
ResponderSuprimirNo veo los íconos flotando en esa página, sólo en las entradas normales.
Supongo que ya lo solucionaste.
Saludos.
Saludos.
ResponderSuprimirNo 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.
Hola Pacheta,
ResponderSuprimirNo 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.
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
ResponderSuprimirCiertamente 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.
ResponderSuprimirHola... 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!!
ResponderSuprimirHola veronica,
ResponderSuprimirTe 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.
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?
ResponderSuprimirGracias
Hola Gabriela,
ResponderSuprimirSupongo 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.
Mil gracias, voy a trabajar ahora mismo en ello y te cuento
ResponderSuprimirsaludos
Gaby
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
ResponderSuprimirde antemano. gracias
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:
ResponderSuprimirb: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.
ya lo he hecho potro, saludos por eso:)
ResponderSuprimiruna 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;)
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.
ResponderSuprimirLuego solo modifique los colores...
es lo que se debe hacer o hay otro camino??
saludos
No porque en realidad sigue siendo una página estática a la cual ya condicionaste una acción.
ResponderSuprimirLo 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.
como hago para crear los menu tipo acordeon
ResponderSuprimirEn esta entrada se explica cómo ponerlos.
ResponderSuprimirsaludos potro
ResponderSuprimirpor 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
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.
ResponderSuprimirse 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
ResponderSuprimirPues 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:
ResponderSuprimir<b:if cond='data:blog.url == "URL de la página"'>
Lo olvidaba, ahí donde se indica agrega la URL de la página en la que aplicarás los estilos diferentes.
ResponderSuprimirImpresionante los truquitos que hay para llegar a un buen nivel de personalización.
ResponderSuprimirAunque 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.
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 :\
ResponderSuprimirSi abres el link: http://madridhockeylinea.blogspot.com/p/calendario.html
ResponderSuprimirVerá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.
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.
ResponderSuprimirSi 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/>
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.
ResponderSuprimirEs 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.
Ok, ok, ok, ahora sí ya he entendido a qué espacio te refieres.
ResponderSuprimirBien, 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.
Muchas gracias!
ResponderSuprimirTenía sólo el hidden y no tenía ni idea de que otras propiedades podían ser.
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.
ResponderSuprimirSaludos!
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.
ResponderSuprimirEl blog es www.vampirelandia.blogspot.com
Gracias!
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'
ResponderSuprimirMuchas gracias!!
ResponderSuprimirHola Potro! me puse en contacto contigo por facebook, pero el problema que te comentaba ya más o menos lo he solucionado.
ResponderSuprimirSigo 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!
Mira esta y esta entrada acerca de cómo hacer que los gadgets se muestren sólo en algunas partes del blog.
ResponderSuprimirAsí mismo mira esta entrada que habla sobre los códigos condicionales que es un poco más completo que las entradas que te mencioné.
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.
ResponderSuprimirMuy 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.
ResponderSuprimirsaludos
¿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:
ResponderSuprimir.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.
Gracias Potro!! me olvidè de suscribirme al comentario jeje, pensè que no me habias contestado; por eso tardè en agradecerte gracias ,gracias.
ResponderSuprimirSaludos!
De hecho recién respondí, tuve que salir y apenas hace un par de horas tuve tiempo de revisar los comentarios :D
ResponderSuprimir¡Saludos!
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!
ResponderSuprimirSigue los pasos de esta entrada, sólo que en lugar de poner la primera línea en color rojo pon esta otra:
ResponderSuprimir<b:if cond='data:blog.pageType != "static_page"'>
Potro te hago una pregunta: Lo busque en tu blog pero no lo encontré!
ResponderSuprimirCOmo 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
Al parecer en tu menú tienes indicado que se abran en otra ventana.
ResponderSuprimirBusca en esta área div id='navigation' y debajo verás tus enlaces, elimina los target='_blank' que encuentres.
Saludos.
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í!!!
ResponderSuprimirBueno gracias Potro igual!
Abrazo
Qué bueno que ya lo has solucionado :)
ResponderSuprimirUn abrazo.
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.
ResponderSuprimirHe 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!
Hola Potro!! ya he encontrado la forma super sencillo con los "ul" en los widgets.
ResponderSuprimirIgual, gracias ;)
Qué bueno que ya lo has encontrado. Aquí mismo en el blog hay una entrada que justamente habla sobre ese tema ;)
ResponderSuprimirel 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
ResponderSuprimirSupongo que depende mucho de la plantilla donde se haga :\
ResponderSuprimirHola 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?
ResponderSuprimirSaludos.
Me supongo que te refieres a esto:
ResponderSuprimirhttp://ciudadblogger.com/2009/07/mostrar-solo-los-titulos-de-las.html
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.
ResponderSuprimirGracias.
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 :/
ResponderSuprimirHola quería hacer una consulta, como hago para cargar entradas en las diferentes páginas que realizo dentro el blog.
ResponderSuprimirEs decir, tengo 4 páginas creadas pero cuando publico las entradas. Estas solo se cargan en la página principal.
En las páginas no se pueden agregar entradas.
ResponderSuprimir¿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
ResponderSuprimirHola Lic. Marcial Cabello,
ResponderSuprimirMira 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.
Hola Potro
ResponderSuprimirHay alguna manera de eliminar la fecha de las paginas estaticas o de poder actualizarlas...
Un saludo
Hola JordanyPippen, puedes incluir en esos estilos el de la fecha, para que no se muestre:
ResponderSuprimirh2.date-header {display:none;}
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)
ResponderSuprimirhttp://elblogdejordanypippen.blogspot.com/
Es que tú tienes otro tipo de fecha distinta a la original de Blogger. En lugar de lo otro agrega esto:
ResponderSuprimir#blfecha {display:none;}
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)
ResponderSuprimirRecuerda que el código debe ir dentro del que se menciona en esta entrada, es decir, antes de </style>
ResponderSuprimirSi 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.
Gracias Potro, por tu ayuda ya he conseguido lo que quería... de nuevo un millón de gracias
ResponderSuprimirMuy buena entrada Potro, además que aprendí cual es el código para hacer visible o no algo en las páginas. Gracias
ResponderSuprimirGracias a ustedes por su visita!
ResponderSuprimirEste comentario ha sido eliminado por el autor.
ResponderSuprimirhola 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
ResponderSuprimirVariable 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
Hola Pablo,
ResponderSuprimirEl 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.
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
ResponderSuprimir1-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;}
Para esa plantilla tendrías que agregar además estos estilos:
ResponderSuprimir.main-outer {
background:none;
border:0;
}
Esa parte es la que contiene la imagen semi transparente que dices.
hola potro existe la posibilidad de ocultar la cabecera del blog en las paginas de blogger??
ResponderSuprimirsaludos lerh
Por supuesto, sólo debes incluir ahí mismo la propiedad que lo ocultará. Si es una plantilla antigua sería así:
ResponderSuprimir#header-wrapper {display:none;}
Si es de las del Diseñador entonces sería así:
.header-outer {display:none;}
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.
ResponderSuprimirGracias 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 :)
ResponderSuprimirOkk. 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?
ResponderSuprimirSí, mira en uno de estos dos dependiendo de tu plantilla:
ResponderSuprimirhttp://ciudadblogger.com/2010/02/ocultar-sidebar-en-las-paginas.html
http://ciudadblogger.com/2010/10/ocultar-sidebar-en-las-paginas.html
Este comentario ha sido eliminado por el autor.
ResponderSuprimirHola!! ^^ yo de nuevo para variar XD jajaja
ResponderSuprimirya 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.
Hola Curu-Curu,
ResponderSuprimirTe 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.
Muchísimas gracias!! vos sabes que probe y cuando pongo vista previa me aparecia igual como que si no cambio nada.
ResponderSuprimirPero 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!
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 ;)
ResponderSuprimirAquí ando de nuevo con más dudas.
ResponderSuprimirDeseo 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!
Hola Carlos,
ResponderSuprimirNo 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.
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?
ResponderSuprimirMuchas gracias por tu comentario Javier,
ResponderSuprimirNo 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.
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!
ResponderSuprimirHey! 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.
ResponderSuprimirla dirección es centrocuatrovientos.blogspot.com
Te agradecería que me indicaras que anda mal. Un saludo.
Hola Gabriel Woltke,
ResponderSuprimirQue 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.
Una pregunta, ¿hay alguna forma de crear una página y que no aparezca en el menú?
ResponderSuprimirClaro, 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.
ResponderSuprimirHola! Gracias por tus aportes!
ResponderSuprimirQueria 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...
Claro que sí Cordobess@, mira esta entrada:
Suprimirhttp://ciudadblogger.com/2010/02/ocultar-sidebar-en-las-paginas.html
Potro, otra vez molestándote un rato... ya que sé un poco pero no soy experto jajajaja.
ResponderSuprimirMira 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...
Es igual como se explica en esta entrada:
Suprimirhttp://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 == "static_page"'>
Usarías esta:
<b:if cond='data:blog.url == "URL de la página"'>
Se puede agregar a una pagina en especifico un efecto de brillo...
ResponderSuprimirpara llamar la atencion..
Depende a qué te refieras con efecto de brillo.
SuprimirHola 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/
ResponderSuprimirese es el blog de pruba. q hago? no me funciono nada de lo q pusiste arriba... o no lo supe hacer bien. avisame plissss
Hola OCRE dg, puedes aplicar un margen al área de las entradas, como no muestras la sidebar supongo que no habrá problema.
SuprimirPara agregarlo coloca debajo de #main-wrapper { esto:
margin-left: 80px;
Esa es la distancia desde la izquierda.
Saludos.
Este comentario ha sido eliminado por el autor.
ResponderSuprimirPor que lo has eliminado si tu me has pedido publicarlo !
SuprimirYo no he eliminado nada, lo has eliminado tú, por eso dice "Este comentario ha sido eliminado por el autor."
SuprimirSi lo hubiera eliminado yo diría "Este comentario ha sido eliminado por un administrador del blog."
Perdona, pensé que era por el autor del blog mil disculpas
SuprimirPotro te dejo el link de mi blog no me andan las paginas estáticas :( http://locusdissimilis.blogspot.com/ Perdón por el malentendido
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í ;)
Suprimirhttp://ciudadblogger.com/2010/02/personalizar-el-gadget-de-paginas.html
No encuentro tu respuesta :( Podrías decímelo por aquí de nuevo ? Gracias !!! :D
SuprimirEs el comentario #309, tienes que dar click en el botón "Cargar más" para ver todos los comentarios.
SuprimirHola potro, se pueden quitar la opción de comentarios en las páginas estáticas, gracias por todo.
ResponderSuprimir¿Para que los lectores no comenten? Sí, edita la página y en "Opciones de entrada" puedes deshabilitar los comentarios para esa página.
SuprimirHola 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.
ResponderSuprimirHola Diego, originalmente sólo se podían 10, luego aumentaron a 20.
SuprimirHabí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
Hola, lo que te quería preguntar no tiene nada que ver con esta entrada.
ResponderSuprimirMi 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?
Hola Josep-Pepe, en esta entrada se explica cómo hacerlo:
Suprimirhttp://ciudadblogger.com/2009/06/como-crear-vinculos-dentro-de-la-misma.html