Quickribbon

sábado, 9 de junio de 2007

Truco de "Leer más..."

En muchas páginas vemos como muchos de sus posts tienen contenido expandible mediante un vínculo "leer más", "sigue leyendo" .. etc. Este truco es fácilmente incluible en cualquier blog y además, por su sencillez de uso es recomendable instalar para usar al menos en las entradas más largas que al final afean un poco la apariencia del blog, por lo que siempre es últil el contar con la posibilidad de poder mostrar un sumario o el post completo con un simple click.





Para incluir este truco en nuestra plantilla lo primero que hay que hacer es irnos al editor HTML y explandir la plantilla de artiluigios. A continuación buscamos este código:

<div class=’post-body’>

Y justo debajo añadimos este otro:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

justo debajo debería aparecer esta línea:

<data:post.body/>

y a continuación introducimos lo siguiente:

<a expr:href='data:post.url'>Leer más...</a>
</b:if>

Hecho esto podemos guardar nuestra plantilla y ya estamos listos para usar el sistema de sumario/post completo en cualquier entrada. Para ello deberemos seguir la siguiente estructura en un post:

SUMARIO (texto que siempre se muestra)

<span class="fullpost">

TEXTO OCULTO (resto del post, que sólo se mostrará al pulsar en "leer más...")

</span>



Este truco lo he visto en Blogmundi

Actualizo: De momento voy a mantener este sistema, aunque he visto y no es cosa sólo mía que a pesar de que no uso este truco en todos mis posts, el vínculo de leer más aparece al final de cada una de mis entradas. En aquellas que no hay texto oculto lo único que hace es dirigirnos al permalink de esa entrada con lo cual una manera un poco cutre de solucionar este fallo, de momento es sustituir el texto "leer más..." del código que hemos visto por algo así como "ver post completo/ ver comentarios"... ;), un poco chafardero?... pues si...

8 comentarios:

da_beat dijo...

hola!

saludo, y pregunto

esto es para html o xml (el nuevo google?)

no me funciona. help!

Zaebos dijo...

Yo lo he probado en el nuevo Blogger... de todos modos no me gustó demasiado, aunque siempre puedes probar el del siguiente post:

http://karalletest.blogspot.com/2007/06/truco-de-leer-ms-ii-parte.html

catty dijo...

he estado tratando de colocar el truco de leer mas, hice los cambios, pero no me funciona.... podrias pasar por mi blog.....http://ingenieriaconsejodefacultad.blogspot.com/

mil gracias

Una pregunta mas: quisiera añadir algunos documentos en pdf que puedan ser descargados desde el blog, me puedes indicar que puedo hacer...

de nuevo

gracias

Zaebos dijo...

puedes usar servicios de hosting como rapidshare, megaupload... etc para subir cualquier archivo y poner luego el link de descarga en tu blog... también puedes mirar boxnet... que hace tiempo que no uso, pero te permite crear un disco duro virtual con la posibilidad de compartir los archivos que quieras y poner luego un widget en el blog para acceder a ellos... muy chulo..
con respecto a lo del truco de leer más te aconsejo que pruebes este otro:
http://karalletest.blogspot.com/2007/06/truco-de-leer-ms-ii-parte.html

Capi dijo...

Trate de hacer lo que dices pero parece que guarde la plantilla con los artilugios expandidos.ahora los post me salen como puedes ver en mi blog http://padresdelsigloxxi.blogspot.com. hay alguna solución para revertir este error? odebo transferir mis post a otro template?contestame en breve por favor....saludos

Zaebos dijo...

... explicame un poco cual es el problemas... has introducido los códigos y no funcionan... o exactamente que ha pasado... he pasado por tu blog y no se cual es el problema al que te refieres

iVaN dijo...

SIIIIII estuve buscando esto dos o tres dias nadie nadie todos los trucos de mierda no funcionaba ninguno uqe aca que alla que error que no... ME SOLUCIONASTE LA VIDA xD

SuperLicho dijo...

gracias estaba buscando este truco..

mil gracias

echate una vuelta por mi blog

softonickfull.blogspot.com

Template Designed by Douglas Bowman - Updated to New Blogger by: Blogger Team
Modified for 3-Column Layout by Hoctro
Re Updated by Zona de Pruebas