El "Leer más" con "Resumen"

Le he puesto este título a la entrada porque, en realidad, no encontré nada mejor que poner para que al leerlo, pudierais haceros una idea del tema del post.
En una entrada anterior os explicaba el "leer más" para vuestras entradas,es decir, la posibilidad de ocultar una parte del post y mostrarlo completo al pinchar sobre "leer más". Con este nuevo truco podemos mostrar el post completo en "leer más" y volver al resumen del post pinchando en "resumen".

[1] En plantilla-html, colocamos esta línea de código justo antes de </head>

<script type='text/javascript'
src='http://www.anniyalogam.com/widgets/hackosphere.js' />

Para evitar problemas, lo mejor sería descargar el script a nuestro PC y usarlo desde nuestro propio alojamiento, sustituyendo entonces la url anterior por la de nuestro propio script.


[2] Buscamos esta parte del código con los elementos expandidos:

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

Un poco más abajo, está el comienzo de la siguiente sección:

<b:includable id='post' var='post'>

[3] Los códigos que hemos de añadir en esa sección, están resaltados en negrita:

<b:includable id='post' var='post'>
<div class='post' expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p>
<a expr:onclick='"javascript:showFull(\"post-" +
data:post.id + "\");"'
href='javascript:void(0);'>
Leer mas...
</a>
</p>
</span>
<span id='hidelink' style='display:none'>
<p>
<a expr:onclick='"javascript:hideFull(\"post-" +
data:post.id + "\");"'
href='javascript:void(0);'>
Resumen
</a>
</p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>")
</script>
</b:if>
<div style='clear: both;'/>
</div>

[4] Cada vez que editemos una nueva entrada,hemos de colocar este código en nuestro editor:

Escribir el resumen que se verá AQUI
<span id="fullpost">
escribir el el resto de la entrada AQUI
</span>

[5] Si no queremos tener que copiar y pegar cada vez que vayamos a publicar un post, copiamos esto último en Plantilla - Opciones - Formato- Cajita de publicación de entradas y así nos saldrá la opción en todos los post a editar, si no queremos usarla la borramos y solucionado.