Las páginas estáticas son una gran funcionalidad de Blogger y alli agregamos desde formularios de contacto hasta foros, y por ello ocultar el sidebar y anchar estas páginas estáticas puede dar algo mas de estilo al blog.

Para ocultar el sidebar pega en la Edicion HTML de la pagina lo siguiente:

<b:if cond='data:blog.pageType == "static_page"'> 
    <style type="text/css">
      #sidebar-wrapper {display:none;}
   </style>
</b:if>

Y para ampliar el ancho de la pagina utiliza este codigo:

<b:if cond='data:blog.pageType == "static_page"'> 
    <style type="text/css">
      #sidebar-wrapper {display:none;}
      #main-wrapper {width:940px;}
      #main {width:100%;}
      .post {width:90%;}
   </style>
</b:if>

Estos son atributos CSS generales y con ellos puedes editar las paginas individualmente.

Categorías: Trucos Blogger

17 comentarios

May · mayo 24, 2012 a las 3:46 pm

Excelente tuto Juvi! +1 🙂

    Juvinao · mayo 25, 2012 a las 1:31 am

    Gracias May por tu comentario,espero que te sirva el tuto 😎

frank · mayo 25, 2012 a las 9:52 pm

me sirvio el tuto y gracias

    Juvinao · mayo 26, 2012 a las 1:03 am

    frank que bueno que te sirva el truco,gracias por comentar

Anonymous · mayo 26, 2012 a las 3:29 pm

Juvinao Deveras de hacer demos de los tutuoriales que hagas, seria buena opcion para nosotros los lectores, solo es una peticion mia xD Saludos

Rocio Love · mayo 27, 2012 a las 8:59 pm

Hola Juvinao,soy bloggera desde hace poco y yo misma e ido modificando mi plantilla,pero tengo varias dudas que no puedo resolver,ojala tu puedas y no te importe ayudarme.
La primera es que no se como cambiar el titulo de los watchets por imagenes,lo que se me ocurrio fue poner los titulos del mismo color que el fondo para que desaparecieran y poner un gatchet de imagen arriba,pero he leido que se pueden cambiar por imagenes,me podrias ayudar en esto??
Y la otra duda es que he puesto el watchet de paginas,pero no encuentro la manera de poner en esas paginas otras adicionales,no se si me explico,por ejemplo,en una pagina que he creado de imagenes,poder poner una barra de etiquetas para acceder a otra pagina.
Bueno no se si me explicado bien,pero ojala puedas ayudarme,te dejo mi blog haber si viendolo entiendes algo jejeje.
sugarbomb-valencia.blogspot.com

Rocio Love · mayo 27, 2012 a las 9:05 pm

Hola Juvinao,tu blog me ayuda mucho!!!
Tengo varias dudas,haber si me puedes ayudar por fa!!!

Como puedo cambiar los titulos de los gatches por imagenes??

Y he puesto el gatchet de paginas,pero son como entradas simples,lo que quiero hacer es lo siguente:

Al entrar en una pagina por ejem: la de pedidos,en ella explicar el tema y al lado de la pagina poner etiquetas que me llevaran a otras paginas,por ejem: como relaizar tu pedido etc…

jejeje no se si me habras entendido,pero bueno,se que lo vas a intentar!!!

Te lo agradezco infinitooo.

Mira te dejo mi blog haber si a si me entiendes un poco mas jejej

sugarbomb-valencia.blogspot.com

    Juvinao · mayo 30, 2012 a las 2:31 am

    Rocio lo que intentas es agregar enlaces en las paginas o un menu superior como el que pongo en el blog?.

    Para agregar enlaces en las paginas,eso lo haces desde el editor de entradas de Blogger,en la parte que dice Enlace.

Daniel · junio 23, 2012 a las 5:16 am

Seria de ayuda si especificaras en que parte del HTML deveriamos poner las reglas :S

    Juvinao · junio 23, 2012 a las 8:05 pm

    Daniel las debes aplicar individualmente en cada Pagina.

hugo ismael ruiz · julio 16, 2012 a las 8:14 pm

Hola! yo aplico el código en la edición HTML individual de la página pero por alguna razón no lo interpreta, no puedo hacer que desaparezca la sidebar!. Saludos!

Victor Miranda Alcántara · agosto 16, 2012 a las 12:30 pm

A mi tampoco me funciona mira: http://gamezox33.blogspot.com.es/p/foro.html

    Juvinao · agosto 17, 2012 a las 12:01 am

    Víctor es raro que no te haya funcionado,si agregaste bien el código en la edición HTML de la pagina NO DEL BLOG..

    Saludos 😎

JeFeRsOn BaRReRa · julio 22, 2013 a las 2:53 am

no me funciono 😥

    Hayder Juvinao · julio 26, 2013 a las 10:02 pm

    Es que depende de la plantilla, tienes que saber que clase CSS elegir.

Anonymous · agosto 21, 2013 a las 11:06 pm

Hola:

Perdona, pero no se pueden copiar los códigos???

Deja una respuesta

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *