1 de enero de 2011

Leer más con thumbnail para Blogger | Chica Blogger

Leer más con thumbnail para Blogger

Publicado por Claudia en enero 21, 2009

Una de las cosas geniales de WordPress, es la posibilidad de mostrar thumbnails en los posts resumidos, en los themes estilo revista. Sin embargo, esa opción también está disponible para Blogger gracias a un script desarrollado por Vietwebguide, que corta todos los posts en el mismo número de caracteres, y además genera una imagen tipo thumbnail automáticamente para cada post que contenga al menos una imagen.Lo mejor, es que el script es fácil de añadir, y para utilizarlo no hay que hacer nada nuevo, salvo postear normalmente.

Existe una versión 3.0 del script (esta es la 2.0), pero  no pude acceder a ella por la limitación del idioma (no entiendo vietnamita). Pese a ello, la versión que probé funciona perfectamente en Firefox e Internet Explorer 8 (agradecería opiniones de quienes usen versiones más viejas de IE).

Instrucciones

1. Pegar antes de < /head >

<script type='text/javascript'> summary_noimg = 430; summary_img = 360; img_thumb_height = 125; img_thumb_width = 125; </script> <script src='http://girlyblogger.site90.net/summary-post-v20-test.js' type='text/javascript'/>

2. Buscar < data:post.body/ > (con los artilugios expandidos) y reemplazar por:

<p><b:if cond='data:blog.pageType != &quot;item&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'>--> Leer más...</span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></p>

3. Configuración del script (opcional):

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 a mostrar en caso de que el post tenga imágenes.
img_thumb_height = alto del thumbnail.
img_thumb_width = ancho del thumbnail.

Utilicé valores que me parecieron apropiados para una plantilla con un ancho de 480px en el main-wrapper (la columna de los posts), y considerando que generalmente los thumbnails son de 125×125 píxeles.

Demo del script

Descargar script (para realojar, recomendado).

Share:

0 comentarios:

Publicar un comentario en la entrada