Páginas estáticas y cómo personalizarlas

¿Qué es una página estática? os estaréis preguntando, pues es la típica página de sobre mí, contacto, índice... esas cosas que ponemos en el menú. Siempre están en el blog, no llevan fecha y se utilizan para dar cierta información. Si no las tocas esas páginas pueden tener título, lugar para los comentarios y dejar visible la columna de gadget (eso que tenéis a vuestra derecha en mi blog). Bueno, pues voy a enseñaros a quitar todos esos elementos para que os quede bien limpita. Os aconsejo que terminéis de leer el post antes de poneros a hacer nada. 

1º ¿Cómo se crean? En el menú principal de blogger os vais a la categoría "páginas" que tenéis a la izquierda y creáis una. Os encontraréis con una plantilla prácticamente igual que la que te sale cuando escribes una entrada. 

2ª Cómo personalizarla: en vez de quedaros en la pantalla de personalizar tenéis que pinchar en html y ahí meter el código antes de escribir nada. Como esto no es un código general si no que es específico, tenéis que volver a hacer esto mismo cada vez que creéis una nueva página.  A continuación os voy a dar los códigos que tenéis que poner si solo queréis quitar eso y al final para quitarlos todos a la vez. 

El título es algo que quizás algunos lo veáis indispensable y que otros podéis verlo como innecesario. Yo soy del segundo grupo. El que visita tu blog ha pinchado en esa página, se ha metido él, así que sabe dónde está. ¿Para qué mantenerlo?  Si no queréis mantenerlo, tenéis que poner este código:

<style>
    h3.post-title {     
      display:none !important;
    }
  </style> 

El pie de post es algo que también puede ser molesto, sobre todo si tienes algo para compartir los post. ¿Crees que es necesario compartir esta página informativa? No, ¿verdad? Pues va a tener que irse fuera. Tenéis que poner este código:

<style>

.post-footer{

      display:none !important; 
    }

  </style>

    

Los comentarios en esta sección no sirven para mucho y yo aconsejo quitarlos. Podéis quitarlo en la parte de configuración de entrada o podéis quitarlos con este código, que es mucho más fácil. Solo tenéis que pegar este código:

 <style>
    .comments{
      display:none !important;
    }
  </style> 

El enlace a la página principal es algo bastante molesto también, sobre todo porque en el menú siempre se suele añadir un enlace a la página principal, así que para qué vas a mantenerlo. Hay que poner este código para quitarlo:

<style>
    .blog-pager{
      display:none !important;
    }
  </style> 

¿Y si quiero quitar varias cosas? Pues es bastante sencillo. Si por ejemplo queréis quitar dos, tenéis que hacer esto:

 <style>
    .comments, h3.post-title {
      display:none !important;
    }
  </style> 

¿Veis lo que he hecho? Es el mismo código que el de comentarios, pero lo que he hecho ha sido añadir  una coma después de comments y añadir h3.post-title, combinando así los dos. Lo único que tenéis que hacer es añadir los elementos después de una coma. Pero como sé que esto da mucha pereza, lo que voy a hacer es daros el código para quitar todo y así no tenéis que andar pensando. 

<style>
    .blog-pager, .comments, .post-footer, h3.post-title {
      display:none !important;
    }
  </style> 

Y ya estaría. Así es la forma más fácil de vaciar una página estática.

De dónde he sacado esto: The little coccinelle