Truco de "Leer más..." (II parte)

Inconformista que es uno y haciendo honor al título del blog, el truco anterior no ha superado la Prueba y aunque el resultado no es malo y no en todos los blogs da problemas, me he puesto a buscar alternativas, que haberlas hailas y vamos a probar otro sistema.

Este otro sistema requiere un poquito más de trabajo a nivel plantilla y puede que alguno de los pasos sean necesarios en unos blogs si y otro no. Lo primero que hay que hacer es añadir un script justo encima del cierre </HEAD>

Añadimos este código:

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

Si como yo, eres un habitual de los trucos de HACKOSPHERE es casi seguro que ya tengas esta línea incluída así que no será necesario añadirla.

El siguiente paso nos lleva a la zona de plantilla referida a los posts. Para encontrarla deberemos expandir la plantilla de artilugios y buscar este código:

<b:includable id='post' var='post'>
<div class='post uncustomized-post-template'
<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'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Lo seleccionamos por completo y lo borramos, sustituyendolo por este otro:

<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 + "\");"'>Sigue leyendo</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'>Ocultar texto</a></p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Una vez hecho esto el sistema ya está incluido y lo único que tendremos que hacer para utilizarlo es usar esta estructura en los posts:

TEXTO SUMARIO
<span id="fullpost">
TEXTO OCULTO
</span>