Cómo Poner Leer más de forma Automática en Blogger

Hoy veremos cómo podemos poner le truco Leer más de forma automática en blogger, para ello utilizaremos un Script desarrollado por  Vietwebguide para blogger. Este script lo vi por primera vez en el blog de chica blogger que gracias a ella les explicaré como poner este truco.

El efecto de este Script hace que todos los post se acorten mostrando una pequeña imagen tipo Thumbnail y un determinado número de caracteres. Todo esto se hace automáticamente, ojo que también puedes  configurar el número de caracteres a mostrar, como el tamaño de la imagen a mostrar, pero no te impacientes que te diré como hacerlo más adelante así que continúa leyendo el artículo.

Para poner este truco en tu blog es fácil y sencillo de hacerlo, lo primero busca en tu plantilla la siguiente etiqueta </head>.

Justo antes pega el siguiente código:


<script type='text/javascript'>
summary_noimg = 430;
summary_img = 360;
img_thumb_height = 125;
img_thumb_width = 125;
</script>
<script src='http://dl.dropbox.com/u/3373498/pazosbloger-summary-post-v20-test.js' type='text/javascript'/>


Ahora expandimos los artilugios y buscamos <data:post.body/> lo remplazamos por el siguiente código:


<p><b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>--> Leer más...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></p>


Configuración:

summary_noimg = determina el número de caracteres a mostrar en caso de que el post no tenga imágenes.
summary_img = determina el número de caracteres en caso de que el post tenga imágenes.

img_thumb_height = alto de la imagen.
img_thumb_width = ancho de la imagen.

Vía | Chica Blogger
Descargar Script (si es que quieres puedes bajarte el script para alojarlo en tu propio servidor)