lunes, 25 de agosto de 2008

Dividir una entrada con "Leer más" en Blogger


Cuando escribimos una entrada demasiado larga existe la posibilidad de mostrar en un principio una parte de ésta y al final de la misma, poner un enlace del tipo LEER MÁS donde al hacer click el visitante se dirige al contenido TOTAL de la entrada.

Haciendo esto para las entradas largas conseguimos dos beneficios:

El primer beneficio es que el visitante no tiene que enfrentarse "psicológicamente" a una entrada muy grande que suele provocar más rechazo (por pereza, por tener poco tiempo, por no saber muy bien de que va la entrada, etc). De esta manera si en la primera parte dejamos sólo una parte introductoria o llamativa de una entrada, con mayor probabilidad el visitante la leerá y posteriormente, si el tema le interesa irá a leer la entrada completa y como ya hemos captado su atención, también con mayor probabilidad la leerá completa.

El segundo beneficio tiene que ver con los bloques de anuncios de Adsense. Cuando el visitante está viendo la primera parte de esta entrada partida en dos verá al mismo tiempo uno o varios bloques de anuncios (ya sabes que como máximo 3 por página). Cuando el visitante haga click para leer la entrada completa verá posiblemente otros anuncios. De esta manera se aumenta la posibilidad de que se sienta interesado en algunos de los anuncios y por tanto que haga click en alguno de ellos.



CÓMO PONER "LEER MÁS" EN BLOGGER
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>

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

3 comentarios:

nautilux dijo...

Hola, Manuel. Me ha resultado muy ùtil tu nota, gracias.

JPR dijo...

Muchas Gracias , bien explicado y muy útil.

Un saludo.

Celiacos dijo...

tengo un problema, en mi blog no aparece,'post-body', si no en su lugar lo único y mas parecido es 'post-body entry-content', lo hago del mismo modo que está aquí, a ver si funciona, pero no me permite guardarlo, habría otro modo de realizarlo? si alguien puede contestarme a victorplatas@yahoo.es, gracias

 

blogger templates | SINTONIZ NETWORKS