Mil Trucos Blogger

Personalizar la apariencia de las páginas estáticas

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

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.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

17 Comentarios

  1. May May
    Mayo 24, 2012    

    Excelente tuto Juvi! +1 🙂

    • Mayo 25, 2012    

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

  2. Mayo 25, 2012    

    me sirvio el tuto y gracias

    • Mayo 26, 2012    

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

  3. Anonymous Anonymous
    Mayo 26, 2012    

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

  4. Mayo 27, 2012    

    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

  5. Mayo 27, 2012    

    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

    • Mayo 30, 2012    

      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.

  6. Junio 23, 2012    

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

    • Junio 23, 2012    

      Daniel las debes aplicar individualmente en cada Pagina.

  7. Julio 16, 2012    

    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!

  8. Agosto 16, 2012    

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

    • Agosto 17, 2012    

      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 😎

  9. Julio 22, 2013    

    no me funciono 😥

    • Julio 26, 2013    

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

  10. Anonymous Anonymous
    Agosto 21, 2013    

    Hola:

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

Deja un comentario

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

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo