En este artículo vais a aprender como implementar un “Leer más” típico de los Blogs de Blogger. Esta forma de comprimir/expandir artículos es bastante eficiente ya que podréis mostrar en la Página Principal resumenes de los artículos sin tener que mostrarlos enteros.

1.- Ir a  “Plantilla” -> “Edición de HTML”

2.- “Expandir plantillas de artilugios”

3.- Localizar el texto siguiente:  <div class=’post-body’>

4.- Una vez localizado incluye debajo el siguiente código:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

5.- Una vez hecho sólo tienes que localizar el siguiente texto: <data:post.body/> y añadir justo después:

<a expr:href='data:post.url'>Leer más...</a>
</b:if>

6.- El resultado final debería ser el siguiente:

7.- En rojo está lo que hemos añadido. Ahora sólo tienes que guardar la plantilla.

8.- Para dividir los posts hay que añadir una etiqueta en las entradas que define cuál quieres que sea el extracto de la entrada que se muestre antes del “Leer más”.

Para ello sólo tienes que escribir el texto inicial y el resto encerrarlo dentro de:

<span class="fullpost"> <---Segunda parte del texto ---> </span>

De manera que, si en el área de creación de entradas de Blogger escribieras lo siguiente:

Texto inicial
<span class="fullpost">
Texto secundario
</span>

En tu blog aparecería lo siguiente:

Texto inicial

Leer más…

Y al pinchar aparecería, “Texto Inicial” seguido de “Texto secundario”.

Incluir la etiqueta automáticamente.

Existe también la posibilidad de, que por defecto y para no tener ni que acordarte ni que escribirlo una y otra vez, hacer que la etiqueta aparezca automáticamente cada vez que quieras crear una entrada.

Simplemente vas a “Opciones -> Formato” y en en el cuadro de texto de “Plantillas de entrada” añades <span class=”fullpost”> </span> y guardas los cambios. Ahora cada vez que abras el editor aparecerá automáticamente la etiqueta.