Cómo poner sumarios de artículos expandibles en Beta Blogger

He encontrado un Hack muy bueno para insertar artículos con resumen expandible. Si haces click en el vínculo leer mas... verás cómo funciona y el propio artículo te describe la manera de implementarlo. Para más información y otros Hacks interesantes visita la página de Hacosphere.

Paso 1.- Añadir el código javascript de Hackosphere:
Buscar la etiqueta

</head>

Pegar el siguiente código antes de la etiqueta:

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

Paso 2.- Modificar el código que visualiza el artículo
Buscar el includable id='post' e insertar las líneas que aparecen en rojo:

<b:includable id='post' var='post'>
<div class='post uncustomized-post-template'
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.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body'>
<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 href='javascript:void(0);'
expr:onclick='"javascript:showFull(\"post-" +
data:post.id + "\");"'>Leer mas...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a href='javascript:void(0);'
expr:onclick='"javascript:hideFull(\"post-" +
data:post.id + "\");"'>Solo resumen...</a></p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Paso 3.- Añadir el siguiente código a la plantilla de edición de artículos:

Escribe el resumen aquí
<span id="fullpost">
Escribe el resto del artículo aquí
</span>