Como poner el leer mas de forma automática en Blogger

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, ojoque 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:


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

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.