Crear páginas estáticas

Cuando digo "páginas estáticas" me refiero a la posibilidad de hacer que algunas entradas tengan el aspecto de "página distinta" a las otras del blog.

Habréis notado que cuando se accede desde mi menú a las secciones "Contacto" "Sobre mi" "Archivos" e "Imprescindibles", las entradas en las que están incluidas no mantienen el mismo diseño que las demás, algunos datos como "autor" "fecha" etc... no se ven, lo que les da un aspecto de "página independiente".

Os explico como lo he hecho:

[1] Pinchamos en "Nueva Entrada" y editamos lo que vamos a incluir en su interior.

[2] Una vez tengamos la entrada lista para su publicación, pinchamos en el enlace que está debajo del editor donde dice "Opciones de entrada" y en "Comentarios del lector" marcamos la opción "No permitir".

[3] Desde ahí mismo, a la derecha, veremos "Fecha y hora de la entrada".
Marcamos "Programado para" y escogemos una fecha anterior a la primera entrada que hayamos publicado en nuestro blog ya que así evitaremos que esta aparezca en el lector de feed de nuestros suscriptores y, al mismo tiempo, hacemos que no aparezca en la página principal del blog.
A la entrada no le colocamos ninguna etiqueta.

[4] Publicamos la entrada.


Hasta aquí ya hemos conseguido que la entrada no muestre los comentarios y que no aparezca en la página principal de nuestro blog, sino en la última.
Vamos a ocultar el resto de elementos de la entrada, usando para ello una de las condicionales que Blogger usa en su plantilla:

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

Lo que indica esta línea de código es que, cualquier código incluido entre ella y su cierre (</b:if>) no se mostrará si en la entrada no está marcada la opción de comentar.

[1] En primer lugar vamos a ocultar la fecha en esa entrada, por supuesto que si no estamos mostrando la fecha de entradas en el blog, este paso no será necesario.

Localizamos el código que corresponde a la fecha:

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

Y le añadimos la condicional (destacado en color rojo):

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

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

[2] Ocultaremos ahora el código que corresponde al autor (el "publicado por" y su nick).
Localizamos el código correspondiente:

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

Y le añadimos la condicional (destacado en color rojo):

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

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span></b:if>

Nota:
Para ocultar cualquier otro elemento que tengamos añadido a las entradas, como marcadores sociales, Twitthis, etc. seguiremos el mismo sistema.