Entradas expandibles (Blogger Beta)

Las habréis visto seguro en muchos blog, yo las tengo en este pero la verdad es que no suelo usarlo, me gusta más ver el post entero.
Suelen llamarle el "leer más" porque es eso normalmente lo que se pone para avisar que el post aún no ha terminado y que pinchando ahí puedes seguir leyendo la totalidad del post. Hay más de un sistema para conseguir este efecto, yo me he decidido por este porque me parece el más sencillo y me resultó a la primera.

1- Buscamos esta parte del código en nuestra plantilla-HTML-expandir plantilla de artilugios y buscamos esta línea de código:

<div class=’post-body’>

Incluimos 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>


Una vez hecho esto localizamos esta línea:

<data:post.body/>

Y justo después añadimos este código:


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


Tendrá que quedar así:

<div class='post-body'>

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

<p><data:post.body/></p>

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

<div style=’clear: both;’/> <!– clear for photos floats –>
</div>


Guardamos cambios!

Aquí escribes la parte del post a mostrar.
<span class="fullpost">
Aquí escribes el resto del post.
</span>


Quedaría algo así:

Puede ser que te apetezca mostrar solamente el título de la entrada y mantener oculto el resto del post, entonces en "Aquí escribes la parte del post a mostrar" no pones nada y escribes el post completo en "Aquí escribes el resto del post". En este caso quedaría bien, creo yo, sustituir en el primer código el "leer más" por estos símbolos +/-.
En este caso, este sería el resultado: