Leer más en blogger beta.

.
Habréis visto que gran cantidad de blogs utilizan este truco para acortar las entradas y facilitar al lector la lectura.Se da a este la opción de seguir o no leyendo.

Es un poco complicadillo pero no tanto si se siguen los pasos con paciencia.Ayudaros de ctrl+f para buscar los codigos.Lo primero es guardar la plantilla,no me cansaré de recordarlo.

En edición HTLM expandir plantilla de artilugios
Allí buscar la etiqueta </head>

Justo antes debeis pegar el siguiente código.

<script src='http://forevergema.googlepages.com/functiontoggleIt.js' type='text/javascript'/>

Luego debeis localizar estas lineas,

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

Es importante que localizeis este código completo.

Una vez hallado lo reemplazáis por esto;

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

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

Guardar y listo.

Cuando escriban una entrada deberá estructurarla así:

su texto
<span id="fullpost">
el texto a ocultar
</span>

El código
<span id="fullpost"> es donde aparecerá el SIGA LEYENDO y el código de cierre </span> es donde aparecera el CERRAR NOTA.

Se puede configurar las entradas para que estos códigos te aparezcan cada vez que vayas a hacer una.

Es asi:

- Vas a opciones/formato
-Busca abajo del todo donde dice PLANTILLA DE ENTRADA y allí pegas

texto
<span id="fullpost">
texto
</span>

Guardar valores y listo, cada vez que creamos una entrada ya lo tienes.

Si quieres poner una imagen como la del blog sustiye SIGA LeYENDO y CERRAR NOTA por esto:

<img src='http://img66.imageshack.us/img66/2152/acyh3.gif'/>

(cambien la dirección de la imagen por la que deseen insertar o dejen esta si les gusta.Yo la ví en el Blog de Cesar donde explican este y muchos otro trucos a la perfección)



.