Ya vimos la manera de personalizar la lista de páginas independientes en blogger. En esta entrada te enseñaré a conseguir que las entradas independientes o páginas estáticas tengan un ancho mucho mayor al de las entradas normales y que la sidebar (barra lateral) se oculte, permitiendo una lectura más sencilla.
Busca la etiqueta </head> y justo encima añade este bloque:
<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
#main-wrapper {float: center; width: 860px;}
#sidebar-wrapper {visibility: hidden; display: none; width: 0px;}
</style>
</b:if>
El main-wrapper (la zona de las entradas) tendrá un ancho de 860 píxeles.
La barra lateral (sidebar-wrapper) estará oculta (visibility: hidden; display: none;) y con un ancho de 0 píxeles (width: 0px;).
Guarda la plantilla para terminar:
Me gusta esa posibilidad que comentas... Admite cualquier configuración de monitor o esto no afecta para nada al ancho de la entrada?
Laube, para obtener un buen resultado y permitir que el diseño no se desconfigure a pesar de la configuración del monitor sería consejable sumar el ancho del bloque de entradas (main-wrapper) y la sidebar (sidebar wrapper).
En tu caso deberías utilizar esto:
<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
#main-wrapper {width: 92%;}
#sidebar-wrapper {visibility: hidden; display: none; width: 0px;}
</style>
</b:if>
Si necesitas algo más dímelo ;).
Hola, gracias por los datos son muy útiles; pero en mi blog, uso unas tablas y al momento de querer publicar una Pagina o modificarla, el espacio para escribir sigue siendo de un tamaño pequeño, hay alguna forma de ampliarlo para que sea tan ancho como las entradas/paginas que publico?
Uso casi el 100% para el espacio de las entradas también, sin barras laterales.
Gracias por la respuesta
Deiv, no entendí tu consulta. ¿A que tablas te refieres? En tu blog únicamente pude ver la zona de las entradas, un menú y la cabecera, pero ninguna tabla :S.
Oye amigo, quisiera saber, si puedes publicar, como ampliar las entradas, cuando tienes el Script expandir o contraer, despues del pagina principal. No he logrado expandirlas. :-|
Poetry, apenas entiendo tu consulta. ¿A qué script te refieres? ¿Podrías decirme la dirección de tu blog para poder comprobar de que se trata?
Saludos.
Jaime, me podrías decir por qué razón mi hija, al meterse en mi blog no puede ver las páginas independientes?
Es que no tengo ni idea, y ahora no sé si sólo las veo yo, o las ven los demás también.
Ten paciencia, cariño, que ya me queda muy poquito para terminarlo, si es que no sigues sacando cosas y tentándome a ponerlas:$
varech, yo veo las páginas independientes correctamente (la de Sobre mí y la de Webs que visito) :S.
¿Paciencia? ¡Toda la que desees!. Me temo que tendré que tentarte con nuevos truquitos por algún tiempo ;).
Hola Jaime. ¿Que hay si solo quiero ocultar las sidebar en una página independiente en concreto?
Me imagino que debería cambiar la condición
pero no entiendo demasiado este lenguaje y no se que hacer.
Mi blog en: slotdoshermanas.blogspot.com
Saludos.
q lastima q no estes,pero no me resulta el ampliar las entradas coloque el codigo hasta cambie el 860 por 880 que es el ancho de mi blog, pero nada.
espero tu ayuda gracias
Arturo, en ese caso no debes preocuparte por tener que hacer un truco complicado. En esta entrada encontrarás una manera sencillísima de ocultar cualquier cosa en la página de una entrada en particular.
Hola!
Antes de nada, gracias por tus consejos ;)
En esta entrada explicas cómo ocultar la sidebar de las páginas estáticas.
Yo tengo varias páginas estáticas en mi blog, es posible quitar las sidebar de gadget de una sola página, y de las demás no?
Gracias!!
Hola Mayca! Por supuesto que es posible hacer lo que dices, incluso tengo este artículo en el que explico un método muy sencillo. Si necesitas cualquier otra cosa dímelo.
Jaime.. Hola!
tengo un problemita en mi plantilla no encuentro los elementos que corresponden a main- wrapper y sidebar-wrapper .. U_u
este es mi blog : http://www.taumerisch.co.cc/
si me pudieras ayudar te lo agredeceria muchisimo.
Gracias.
Taum, no he podido revisar el código de tu blog ya que no hay ningún artículo. Agradecería que escribieses un post únicamente para trastear con el código y ofrecerte alguna solución.
Esteee...aqui vengo a hinchar los cocos!!!! :P
Y si deseo ocultar la cabecera en estas paginas estaticas? sería así?
#header-wrapper {visibility: hidden; display: none; width: 0px;}
Gracias, siempre tan util todo y sobre todo explicado tan sencillamente!!!!.Saludos!!!
¡Totalmente sorprendido, Gra! De veras, es fascinante lo rápido que aprendiste. Por supuesto, con esa línea se ocultará tu cabecera en las páginas estáticas ;).
Jaime, nuevamente hola :( No consigo hacer este truco, mis páginas estáticas se siguen viendo igual que las entradas, que hago mal?
He pegado el código arriba de head, tal como dices pero ni modo. Veo todo igual :S
Ayyy.Jaime..Gracias por los elogios !!! pero sin dudas sin tu intervension seria dificil hacer o cambiar mi blog....
Te pregunto: hay alguna manera de dejar absolutamente en blanco la pagina independiente sin colocarle los condicionales? No es vagancia sino que puse tantos gadgets arriba y abajo que al no tener el nombre a la vista estoy de investigadora para ver cuales son en la plantilla y algunos se me han perdido...no los encuentro)
Mil gracias como siempre!!!! Saludos Cordiales de tu fan !!!
Todo un placer, amiga. Aún no he dado con otro procedimiento para otorgar un aspecto distinto a las páginas individuales pero si lo deseas puedo ayudarte.
Tan solo necesitas encontrar dicha etiqueta, para ello, utiliza el buscador de tu navegador: presiona las teclas Ctrl y F para abrirlo y pega </head> en él.
Con un clic la encontrarás. Después, el último paso y guarda tu plantilla. Si recibes error alguno házmelo saber.
Gracias a ti, Abrazote!
Hola !!!! Graciaaass...Para ser un poco más prolija puse dentro del condicional al Footer-wrapper y al crosscol-wrapper (que yo tenia originalmente).No hubo caso con los gadgets en 2 columnas bajo las entradas, tuve que poner así #Html2, 3, etc
Así quedó con un post de prueba:
http://esperanzaparaelautismo.blogspot.com/p/lo-mas-destacado.html
Te reiras para que necesito esto....
1)Para poner el bello menú de tu sidebar (no me entran los titulos en mi sidebar)
2)para hacer una pagina que pueda verse a traves de una iframe en una pagina web, donde necesitamos tener presencia pero manejar nosotros lo que se publica...Ya me dijeron que la iframe es poco configurable...pero estoy haciendo pruebas..soy muy terca, jeje.luego te hincho con esto!!!
Otra pregunta:
veo que en algunos casos se pone luego de los condicionales el texto:
style type='text/css'
....
style
pero en otros no...para que sirve???
Saludos!!!!!...Ya voté por supuesto!!!!...ni se discute!!!
¡Hola Gra! Lo primero, muchísimas gracias por votarme, me siento genial. Ante tu consulta, preferiría ayudarte cuando esté de vuelta (estamos de mudanzas -me voy a Málaga- ^^) ya que dispondré de más tiempo y podré solucionarlo todo.
En cuanto al atributo style type='text/css' únicamente sirve para especificar en la plantilla que el script está compuesto por CSS para dar estilo a un elemento html.
También existe el atributo style type='text/javascrip', lo que se utilizaría para scripts en javascript (.js, como jQuery por ejemplo).
No siempre es necesario incluir estas especificaciones pero en muchos casos, si no lo hacemos, nuestra plantilla no interpreta el script.
¡Abrazos y siento muchísimo hacerte esperar!
Aqui te espero!!
Ojalá pueda sorprenderte !!
SALUDOS y que todo te salga bien !!
Hola Lidia! Prueba con este otro truco. En lugar de pegar el código para ocultar cosas del blog en una entrada normal pégalo en la página individual.
¡Saludos!
Hola Jaime.
No logro hacer funcionar este truco, no encuentro la parte del codigo.
La verdad es que esto es lo que llevo buscando desde hace tiempo y me encantaria tenerlo en mi blog.
Un saludo y un abrazo fuerte.
http://jjreina.blogspot.com/
Reina, ¿Te refieres a la etiqueta </head>? Si es así, prueba a buscarla utilizando el buscador de tu navegador (presiona las teclas Ctrl y F.
En caso de tratarse de algo distinto, házmelo saber. ¡Saludos!
Hola,
Yo quería ocultar la sidebar en la página estática de mi blog, pero en mi plantilla no aparece por ningún lado main-wrapper ni sidebar-wrapper.
¿Podrías echar un vistazo a mi plantilla y decirme cómo lo puedo hacer?
Gracias
Página estática de mi blog
Pilar, me temo que la dirección no ha sido incluida en el enlace de tu comentario. Tardaré poco en solucionar tu consulta pero necesito la URL de tu bitácora.