Truco de "Leer más..."

En muchas páginas vemos como muchos de sus posts tienen contenido expandible mediante un vínculo "leer más", "sigue leyendo" .. etc. Este truco es fácilmente incluible en cualquier blog y además, por su sencillez de uso es recomendable instalar para usar al menos en las entradas más largas que al final afean un poco la apariencia del blog, por lo que siempre es últil el contar con la posibilidad de poder mostrar un sumario o el post completo con un simple click.

Para incluir este truco en nuestra plantilla lo primero que hay que hacer es irnos al editor HTML y explandir la plantilla de artiluigios. A continuación buscamos este código:

<div class=’post-body’>

Y justo debajo añadimos este otro:

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

justo debajo debería aparecer esta línea:

<data:post.body/>

y a continuación introducimos lo siguiente:

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

Hecho esto podemos guardar nuestra plantilla y ya estamos listos para usar el sistema de sumario/post completo en cualquier entrada. Para ello deberemos seguir la siguiente estructura en un post:

SUMARIO (texto que siempre se muestra)

<span class="fullpost">

TEXTO OCULTO (resto del post, que sólo se mostrará al pulsar en "leer más...")

</span>



Este truco lo he visto en Blogmundi

Actualizo: De momento voy a mantener este sistema, aunque he visto y no es cosa sólo mía que a pesar de que no uso este truco en todos mis posts, el vínculo de leer más aparece al final de cada una de mis entradas. En aquellas que no hay texto oculto lo único que hace es dirigirnos al permalink de esa entrada con lo cual una manera un poco cutre de solucionar este fallo, de momento es sustituir el texto "leer más..." del código que hemos visto por algo así como "ver post completo/ ver comentarios"... ;), un poco chafardero?... pues si...