El truco 'Leer más...' en entradas determinadas, de uso manual

Hemos visto ya el truco para mostrar los artículos resumidos en la portada del blog, con un enlace que dice "Sigue leyendo..." o "Leer más..." y que nos permite leer la entrada completa al pulsarlo. Esto es muy útil ya que permite mantener siempre el mismo aspecto a la plantilla, evitando que una entrada extensa deje la barra lateral separada del pie del blog.

Con esta entrada me gustaría darte a conocer el mismo truco pero de uso manual, de manera que tú puedas escoger que artículos resumir y que parte del post mostrar.

Diseño>Edición de HTML>expandimos artilugios

Busca la etiqueta </head> y añade este script encima:

<b:if cond='data:blog.pageType == "item"'>
<style>.blenlaceleer{display:inline;}</style>
<b:else/>
<style>.blenlaceleer{display:none;}</style>
<script type='text/javascript'>
function blresumnA(id) {
var post = document.getElementById(id);
var blartik = post.getElementsByTagName(&#39;span&#39;);
var blresumnB = 0;
for (var i = 0; i &lt; blartik.length; i++) {
if (blartik[i].className == &#39;blenlaceleer&#39;) {
blartik[i].style.display = &#39;none&#39;;
blresumnB = 1;
}
if (blartik[i].className == &#39;showlink&#39;) {
if (blresumnB == 0) {
blartik[i].style.display = &#39;none&#39;;
}
}
}
}
</script>
</b:if>

Ahora encuentra este bloque de código en tu plantilla:

<div class='post-body entry-content'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

En algunas plantillas, la primera línea tendrá un aspecto distinto y puede aparecer como <div class='post-body'>.

Bórralo y en su lugar introduce esto:

<div class='post-body' expr:id='"post-" + data:post.id'>

<p><data:post.body/></p>
<b:if cond='data:blog.pageType != "item"'>
<span class='showlink'>
<p><a expr:href='data:post.url'>Leer más...</a></p>
</span>
<script type='text/javascript'>
checkFull(&quot;post-<data:post.id/>&quot;);
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Puedes editar el texto Leer más... y utilizar cualquier otra frase.

Guarda la plantilla y dirígete a una entrada cualquiera.

Utiliza las siguientes líneas:

Contenido visible
<span class="blenlaceleer">
Contenido oculto
</span>

Reemplaza Contenido visible con la mitad de la entrada que podrán leer los lectores del blog en la portada y las páginas de etiquetas y Contenido oculto con la parte restante del artículo que será visible al hacer clic en el enlace "Leer más...".

Publica la entrada y habrás terminado. No olvides que puedes hacer uso de la plantilla de entrada que ofrece blogger para evitar tener que copiar este último código cada vez que desees utilizar el truco.