Páginas estáticas sencillas

Cuando se habla de "páginas estáticas" nos estamos refiriendo a que ciertos accesos al blog, no sean entradas sino algún tipo de página especial, distinta al resto pero, en Blogger, esa posibilidad no está contemplada, sólo pueden agregarse entradas (posts) y estos, se muestran ordenados cronológicamente, partiendo del más reciente y terminando en el más antiguo.

Hay muchas formas de simular esas páginas. La más elemental, si se trata de darles un aspecto gráfico muy especial, es crear otro blog y allí colocar la plantilla que nos guste o copiar la que usamos normalmente y modificarla. Como lo que normalmente uno coloca en esas páginas estáticas es información suplementaria como índices, formularios de contacto, condiciones de uso, etc, no tiene importancia si la URL es otra, es más, sería incluso mejor que no las indexemos en los busadores.

Pero, también es posible simularlas en el propio blog, personalizando los posts para que no parezcan lo que son. Ahora, El escaparate de Rosa agrega una alternativa más que es una idea muy sencilla y muy inteligente.

Lo que hace el truco es aprovechar los códigos condicionales que ya tiene Blogger, en este caso, la condición:

<b:if cond='data:post.allowComments'>
  ...
</b:if>

que ejecuta un código si y sólo si, los comentarios de una entrada están habilitados.

En el editor de entrdasa, si hacemos click en el enlace inferior Opciones de entrada, se desplegarán una serie de alternativas que controlan la forma en que se manejarán los comentarios de esa entrada exclusivamente. Podemos establecer una de tres posibilidades y en este caso, marcaremos la última:

Comentarios de los lectores
Permitir
No permitir, mostrar existentes
No permitir, ocultar existentes

En la misma ventana, cambiamos la fecha por una muy vieja y de esa manera, al publicar la entrada, esta aparecerá al final del blog y no en el home.

Ahora, faltaría condicionar cada sección de las entradas en Diseño | Edidión HTML y, expandiendo los artilugios, buscamos la fecha y agregamos lo que esta en color para que sólo se muestre si los comentarios están habilitados:

<b:if cond='data:post.allowComments'>
  <b:if cond='data:post.dateHeader'>
    <h2 class='date-header'><data:post.dateHeader/></h2>
  </b:if>
</b:if>

Lo mismo haremos con el pié de pagina de las entradas donde, normalmente, se muestra al autor, las etiquetas y todo tipo de información adicional:

<b:if cond='data:post.allowComments'>
  <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
      .......
    </div>
    <div class='post-footer-line post-footer-line-2'>
      .......
    </div>
    <div class='post-footer-line post-footer-line-3'>
      .......
    </div>
  </div>
</b:if>

Siempre dentro del mismo Elemento Blog, es posible condicionar cualquier otra cosa usando el mismo esquema y así también, agregar estilos CSS que sobrescriban los estilos por defecto:

<b:if cond='data:post.allowComments'>
  ... los comentarios están habiitados ...
<b:else/>
  <style type="text/css">
    /* definiciones si los comentarios no están habiitados */
  </style>
</b:if>