Expandir artículos en Blogger - Expandir entradas agregando: Leer más

Ya ha una mejor solución y totalmente automatizada: Agregar miniaturas y resumen del post automáticamente en Blogger

Este hack tienen como función mostrar un resumen de los artículos en blogger, recomendado para aquellos que hagan usualmente notas muy largas, mostrando un resumen sencillo. También sirve para ocultar contenido muy pesado que se muestre únicamente en la URL del artículo como audio y video.

Y es un replanteamiento para explicar mejor el truco "Super Peek-A-Boo Posts" mejorado en Hackosfera, pues para muchos no funciona este importante hack de blogger, la gran mayoría de las malas traducciones en español tienen imprecisiones, cómo en la tontería de tener que copiar el vínculo de la entrada cuando se puede usar post.url para que blogger lo haga por nosotros, o sea; el copy and paste de todos los días.

Yo uso una versión más antigua de este hack, ésta versión es mucho más económica.

Insertar el código:

Vamos a Pantilla » Edición de HTML
Marcamos Expandir plantilla de artilugios
Pulsamos en Firefox CTRL + F para sacar la barra de búsqueda, copiamos el siguiente fragmento de código y lo pegamos en el cuadro de búsqueda:

<div class='post-body'> aunque también puede tener otras formas como <div class='post-body entry-content'>

Como sea si con Ctrl + F en firefox buscamos la palabra post-body, pegamos el código "después" y sólo después de la etiqueta de cierre: ">". Si no se fijan es esto tan simple su plantilla no funcionará.

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

Ubicamos el siguiente código:

<p><data:post.body/></p>

Y pegamos después el siguiente código (Pueden modificar: Leer toda la nota...):

<a expr:href='data:post.url'>Leer toda la nota...</a>
</b:if>

Salvamos la plantilla

Cómo definir el texto que no aparecerá del que sí lo hará:

Si estás comenzando un blog, lo mejor sería definirlo en la plantilla de formato, para ello vayan a Configuración » Formato y el la sección Plantilla de Entrada pega lo siguiente:

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

Guarda los cambios, ahora cada vez que crees un nuevo artículo en Edición de HTML aparecerá ese código, únicamente se mostrará el contenido cuando des clic en Leer toda la nota... o estés en la url del articulo.

Ejemplo:

Si hacemos un nuevo artículo con:

Paquito se pelea con maria
<span class="fullpost">
Maria llora y le regresa el puñetazo, bu, bu, bu.
Ambos terminan "chillando".
</span>

En la portada, en los archivos y búsquedas de tu blog aparecerá:

Paquito se pelea con maria
Leer toda la nota...

Formas creativas y recomendadas de usarlo:

Yo les recomiendo en vez de esto, simplemente escribir
<span class="fullpost"> más </span> envolviendo el contenido que deseen que no aparezca, pueden usarlo en varias partes de un artículo por ejemplo si fueran videos o flash.

Ejemplo;

En el video 1 paco le pega a maria:
<span class="fullpost">Video 1</span>
En el video 2 maria le regresa el puñetazo:
<span class="fullpost">Video 2</span>

En la portada se vería como:

En el video 1 paco le pega a maria:
En el video 2 maria le regresa el puñetazo:
Leer toda la nota...