Truco Leer más, para acortar las entradas en 7:30

Continuamos contribuyendo a la comunidad Blogger y en esta ocasión deseo compartir el “truco” Leer más… el cual nos permite acortar los post, entradas o registros que se muestran en la página principal o páginas de resumen.

El objetivo de este truco es no hacer tan extensa la página de inicio o la página donde se resumen nuestros post, ya que por lo general cada uno contiene mucha información detallada y para que un visitante vea el siguiente post deberá pasar por toda la entrada.

Además de que ver tanta información en una sola página, agota al lector visualmente, más aún cuando se tratan temas variados en nuestros blog, por lo que este truco es muy recomendable, ya que los lectores sólo verán los párrafos iniciales del post y de interesarle el tema accederá al resto del mismo a través del enlace “Leer más…” que muestra exclusiva y completamente la entrada deseada, de lo contrario podrá seguir visualizando los demás sin problemas.

Bueno este truco lo copiaré tal cual como aparece en la página Web de Blogmundi :

“Vayamos por parte entonces:

Lo primero que debemos hacer es modificar la plantilla, “Plantilla -> “Edición de HTML”, como siempre antes de realizar cualquier cambio realiza una copia de seguridad. Debes “Expandir plantillas de artilugios” y localizar el texto siguiente: <div class='post-body'>

Una vez localizado incluye debajo el siguiente código:

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

Una vez hecho sólo tienes que localizar el siguiente texto: <data:post.body/> y añadir justo después:

<a expr:href='data:post.url'>Leer más...</a>
</b:if>

El resultado final debería ser el siguiente:

<div class='post-body'>

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

<a expr:href='data:post.url'>Leer más…</a>
</b:if>

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

En rojo está lo que hemos añadido. Ahora sólo tienes que guardar la plantilla.

Para dividir los posts hay que añadir una etiqueta en las entradas que define cuál quieres que sea el extracto de la entrada que se muestre antes del “Leer más”.

Para ello sólo tienes que escribir el texto inicial y el resto encerrarlo dentro de:
<span class="fullpost"> <---Segunda parte del texto ---> </span>
De manera que, si en el área de creación de entradas de Blogger escribieras lo siguiente:

Texto inicial
<span class="fullpost">

Texto secundario
</span>

En tu blog aparecería lo siguiente:

Texto inicial
Leer más…

Y al pinchar aparecería, “Texto Inicial” seguido de “Texto secundario”.

Incluir la etiqueta automáticamente.

Existe también la posibilidad de, que por defecto y para no tener ni que acordarte ni que escribirlo una y otra vez, hacer que la etiqueta aparezca automáticamente cada vez que quieras crear una entrada.

Simplemente vas a “Opciones -> Formato” y en el cuadro de texto de “Plantillas de entrada” añades <span class="fullpost"> </span> y guardas los cambios. Ahora cada vez que abras el editor aparecerá automáticamente la etiqueta.

Bueno cabe señalar que esta etiqueta sólo aparecerá si creas la entrada en HTML y no en la redacción normal.

En el Blog Peteyero (PTY) estamos utilizando este “truco” para acortar los post más antiguos y los nuevos los estamos dejando completos, también he dejado de forma completa algunos post o entradas populares ya que han generado muchas visitas al Blog Peteyero (PTY).

En este sentido puedo informarles que:

en tercer lugar tenemos "Agregar una plantilla al Blog",

como subcampeón tenemos "Agregar un contador de visitas al Blog" y

el tema campeón ganador de la medalla de oro es "Agregar un reproductor mp3 al Blog",

pero el pronóstico para colarse en el Hat-trick es "Agregar un chat al Blog".

Saludos y a leer más…