Mostrar las páginas independientes sin la sidebar ampliando los posts.
Ver ejemplo:
¿Cómo se hace...?
Vamos a: Diseño-Edición de HTML.
Justo arriba de </head> pegamos el siguiente código:
<b:if cond='data:blog.pageType == "static_page"'>Guardamos los cambios.
<style type='text/css'>
#main-wrapper {width: 1000px}
#sidebar-wrapper {display: none}
</style>
</b:if>
Los datos que están en rojo varían según la plantilla.
width: 1000px es el ancho de la plantilla (cambiar por el ancho de su plantilla o a su gusto)
#main-wrapper y #sidebar-wrapper en mi plantilla es solamente #main y #sidebar sin -wrapper
Se puede agregar otros códigos CSS entre <style type='text/css'> y </style>
Gracias, eso es lo que buscaba!!
ResponderEliminarNo puedo Creer, que me falte mucho por aprender!! xD
parte 1? y la 2?
ResponderEliminarvaya, habiendo tantos efectos opté por hacer un blog simplisimo jajaja, tengo una duda
ResponderEliminarcuando se crea una entrada se puede hacer algo con el añadir enlace?
es que cada vez que añado un enlace, siempre debo añadirle el target blank manualmente, me preguntaba si habia alguna forma de configurar eso y para q en el futuro cuando añada enlace, agregue el target blank de manera automatica,
Yo lo pongo individualmente.
ResponderEliminarUna forma que hay es poniendo <base target='_blank'/> abajo de <head> pero todos los link de tu blog se abriran en otra pestaña.
entonces creo q mejor lo hago manualmente jajaja..
ResponderEliminarHola Vku disculpa tengo una consulta con relacion a este tema como hago para ocultar de las paginas independientes los botones de compartir que trae blogger por defecto?
ResponderEliminarY esperando por la segunda parte de esta entrada :23) Gracias de antemano :5)
Pon lo que quieras ocultar dentro de la condicional y un estilo display: none.
ResponderEliminar<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
#main-wrapper {width: 1000px}
#sidebar-wrapper {display: none}
.post-share-buttons {display: none}
</style>
</b:if>
o en lugar de .post-share-buttons {display: none}
.post-footer-line-1 {display: none}
1000 Gracias Vku solucionado lo que no sabia era quien daba esa orden pero ahora si lo se :6) y veo que has añadido nuevamente las etiquetas que son muy utiles :23)
ResponderEliminarHola vku, soy teofermi y tengo quiero implantar tu truco en mi blog para que en las paginas independientes no salga la sidebar pero sigo tus pasos y no se me ve reflejado en nada, en la independiente sigue saliendo toda la sidebar..¿que puedo hacer?
ResponderEliminargracias de antemano por tu ayuda y te mando un beso
teo
Tu plantilla es de las nuevas por eso no funciona.
ResponderEliminarPor eso puse: "Los datos que están en rojo varían según la plantilla."
Proba cambiando
#main-wrapper {width: 1000px}
#sidebar-wrapper {display: none}
por
#main {width: 1000px}
#sidebar-right-1 {display: none}
@ Vku:
ResponderEliminarHe hecho lo que me dices pero sigue sin verse cambios......Gracias
deja el código en el blog para verlo y pasame el link de una de tus páginas independientes
ResponderEliminarestas haciendolo en el de sahara de los olvidados?
@ Vku:Muchas gracias por tu paciencia conmigo, eres un cielo.
ResponderEliminarya lo deje guardado en la plantilla y si es en el sahara de los olvidados
un besazo genio
a mi me funciono bien
ResponderEliminarfijate: http://vku-nueva-plantilla.blogspot.com/p/prueba.html
tenes que pasarme el link de la página independiente tuya.
el código es así:
<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
#main-wrapper {width: 1000px}
#sidebar-wrapper {display: none}
</style>
</b:if>
Cambialo por este
ResponderEliminar<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
#main {width: 1000px}
#sidebar-right-1 {display: none}
</style>
</b:if>
@ Vku:
ResponderEliminarHola de nuevo, no se que es lo que hago mal, cambie el codigo que me has dicho y nada, no quiero importunarte mas, si ves que es culpa mia dejalo...
Lo deje guardado en la plantilla
¿A que link de la independiente te reiferes?¿puede ser algo asi?
http://teofermi1.blogspot.com/2010/10/activismo.html
No, las paginas independientes no son esas, tiene que ser algo asi:
ResponderEliminarhttp://teofermi1.blogspot.com/p/contacto.html
donde contacto.html es la página independiente.
El link que tu me das es de una entrada o post.
Tu en donde quieres ocultar la sidebar?
si quieres ocultar la sidebar en las entradas es así:
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#main {width: 970px}
#sidebar-right-1 {display: none}
</style>
</b:if>
@ Vku:
ResponderEliminarperdona, ha sido fallo mio, lo que to quiero son las entradas, te pido disculpas de nuevo, ¿el codigo que me dices es en sustitucion de alguno o solo agregar?
si tu no tiene páginas independientes, cambia el otro por este ultimo
ResponderEliminar@ Vku:
ResponderEliminarNo se como darte las gracias, gracias por tu ayuda por tu paciencia, por tus conocimientos para conmigo...ahora me quedó genial, como me gusta!!!
gracias, eres mi idoloooo
un besazo
Me alegro mucho Teofermi.
ResponderEliminar