Leer más con imagen pequeña

Este es un truco de blogger que me gustó para utilizar en mi blog. Podemos mostrar una pequeña introducción de nuestros post con una imagen en miniatura, así como actualmente se ve en el inicio de este blog.

Trae sus beneficios dado que permite mostrar más cantidad de entradas sin que tarde demasiado en cargar, de este modo las visitas podrán ver más opciones para leer.

Es muy fácil. Sólo debemos ir a Edición HTML usando Expandir artilugios y presionando Ctrl + f buscamos el código <data:post.body/>

Una vez que lo encontramos, lo borramos y pegamos lo siguiente:

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

Luego de haber hecho esto buscamos el código </head> y antes de este pegamos lo siguiente:

<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://vietwebguide2.googlepages.com/summary-post-v20-test.js' type='text/javascript'/>

Luego guardamos y listo, podrán ver cómo quedó en sus blog. Lo ideal sería dar primero una vista previa y decidir si les gusta o no.

Espero sirva, hasta luego.

Share on Google Plus

About Unknown