Leer más..., Seguir leyendo... (2)

La página principal de tu blog generalmente muestra todo el contenido de cada unos de tus posts.
Si estos son muy grandes.
Aquí es donde los post con resúmenes expandibles ayudarán.
Esto es, la página principal sólo mostrará los resúmenes de los posts y cuando den click en "leer más", el post completo aparecerá en la página principal.

Antes de </head> poner:
(sustituir por su propio alojamiento)

<script type='text/javascript'
src='http://galeon.com/vku/jss/leermas1.js'/>

Encuentra el includable llamado 'post' (<b:includable id='post' var='post'>) y copia y pega los cambios mostrados en rojo de lo que se muestra a continuación.

<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 más...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'>Cerrar lo abierto</a></p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Cada vez que editemos una nueva entrada, hemos de colocar este código:

Escribe tu resumen aquí.

<span id="fullpost">

Escribe el resto de tu post aquí. (Esto sera lo oculto.)

</span>

Si quieres en cambio que al hacer clic en "Leer completo..." el usuario sea dirigido a la página individual del post, donde podrá encontrar el resto del texto, seria así:

<div class='post-body' expr:id='"post-" + data:post.id'>
<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>
<span id='showlink'>
<a expr:href='data:post.url'>Leer completo...</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>