PENSAMIENTOS DE HUGO

November 16, 2006

¿Cómo puedo crear resúmenes de entradas ampliables?

Via bloger y ayuda pora blogger

Con este truco, podrá mostrar una cantidad de texto arbitraria al principio de cada entrada, como reclamo de toda la información. A partir de aquí, los usuarios que deseen leer el resto de la entrada podrán hacer clic en un vínculo que les permitirá acceder a todo el texto. Esto resulta práctico si dispone de una página que incluye muchos artículos largos. Recuerde que para poder utilizar esta funcionalidad debe disponer de páginas de entrada habilitadas.

Esta funcionalidad se compone de tres elementos: CSS condicionales, un vínculo “Más información” en cada entrada y una modificación de las entradas que utilicen estos resúmenes. Vayamos por pasos.

CSS condicionales
Para cambiar el aspecto de las entradas en cada página, utilizaremos códigos condicionales. Añada el código siguiente a su hoja de estilos:


span.fullpost {display:none;}


span.fullpost {display:inline;}

Su hoja de estilos suele aparecer en la parte superior de su plantilla, entre los códigos

. Si la hoja de estilos se encuentra en un archivo distinto, sólo deberá añadir estas líneas a su plantilla para que los códigos condicionales funcionen. Simplemente asegúrese de añadir los códigos

En este ejemplo hemos definido una clase denominada “fullpost”, que aparecerá únicamente en páginas de entrada (vínculos perm.). Una parte de cada entrada utilizará esta clase, como veremos más adelante.

Vínculos “Más información”
Añada el código siguiente a su plantilla, en el lugar que desee después del código

< $BlogItemBody$>:


De hecho, esta parte puede colocarse en la plantilla de entrada para no tener que escribirla cada vez. Introduzca el texto del resumen fuera de los códigos span y el resto dentro:

Here is the beginning of my post. And here is the rest of it.

Cuando un usuario visite su blog, la entrada que aparecerá será ésta:

Esto es el principio de mi entrada.
Más información
Al hacer clic en el vínculo, accederá a la página de entrada donde se encuentra el resto del texto:
Esto es el principio de mi entrada. Y esto el resto.

1 Comment »

The URI to TrackBack this entry is: http://hugomiranda.blogsome.com/2006/11/16/p22/trackback/

  1. oye, se pues hacer ese resumen en blogsome???
    Me gustaria que me auyudes, contestame a mi correo porfavor.
    gracias

    Comment by salvacha — May 17, 2007 @ 4:17 pm

RSS feed for comments on this post.

Leave a comment

Line and paragraph breaks automatic, e-mail address never displayed, HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>























Get free blog up and running in minutes with Blogsome | Theme designs available here