Entradas Ampliables

17 febrero 2008 13:09

Entradas Ampliables o "Leer Mas"
Para conseguir el efecto de "leer más" en un resumen de texto y que después nos muestre la totalidad del artículo escrito en el post y que además nos lo muestre en la misma página, pudiendo volver al final al resumen, seguiremos los siguientes pasos
en la plantilla, Edición HTML:

Seguir leyendo...


Primeramente entre las etiquetas -head-,justo antes del final de -/head-:insertaremos este código:
<script src='http://rarunach.googlepages.com/hackosphere.js' type='text/javascript'/>

Luego buscas el siguiente código:
<div class='post-header-line-1'/>

<div class='post-body'>



<p><data:post.body/></p>



<div style='clear: both;'/> <!-- clear for photos floats -->

</div>



procediendo a borrar lo siguiente :<div class='post-body'> y sustituirlo por este otro código:
<div class='post-body' expr:id='"post-" + data:post.id'>

<b:if cond='data:blog.pageType == "item"'>

seguimos en la plantilla y ahora después de esto:<p><data:post.body/></p>

añades lo siguiente :
<b:else/>

<style>#fullpost {display:none;}</style>

<p><data:post.body/></p>

<span id='showlink'>

<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Read More...</a></p>

</span>

<span id='hidelink' style='display:none'>

<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Summary only...</a></p>

</span>

<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>

</b:if
Ahora guardas los cambios y ya está todo hecho, sólo nos faltará aplicar este pequeño código en las entradas para que pueda funcionar lo de -leer más-:
Aquí escribes el contenido.

<span id="fullpost">

Aquí escribes el resto del contenido que no se vera.

</span>
para más comodidad esta última parte se puede dejar fijo en la plantilla para no tener que ponerlo en cada entrada, para eso iremos a Opciones, luego a Formato y luego en Plantilla de Entrada, aplicaremos esto último:
<span id="fullpost">

Aquí escribes el resto del contenido que no se vera.

</span>
Resumen...

En vivo, Nadal-Roddick 21/03/09 12.10
Actualidad
Andy Murray ya espera rival en la final del primer Masters Series del año.
04/07/09 20.50 Rossi en Laguna Seca Valentino Rossi logró en la última vuelta el mejor tiempo de los primeros entrenamientos libres del GP de Estados Unidos, una sesión marcada por la pugna constante entre los tres dominadores de la categoría: el italiano, Jorge Lorenzo y el australiano Stoner. Seguir Leyendo...
4/08/08.20.30 Meca,heptacampeón en el Pas David Meca sumó su séptimo triunfo consecutivo en el ascenso a nado a la Rías de Pas, prueba que se celebró ayer con la participación de 120 nadadores en todas las categorías. Meca, récordman de larga distancia, como no podía ser de otra forma Seguir Leyendo...
20/03/09 Cambio puntuación F1 Pretendía cambiar el sistema de puntuación para la clasificación de pilotos y otorgar el título de campeón al piloto con más victorias. Seguir Leyendo...
30/03/08 Portatil Acer 4220 Parece mentira lo que han bajado los portatiles, viendo la página web del Diario Montañes, de Cantabria, veo que venden portatiles nuevos por sólo 399,95 euros., y no hace tanto la media estaba casi en 1200 euros.No deja de ser una buena noticia que algo baje en estos tiempos. Seguir Leyendo...

Post aleatorio

Powered by Stuff-a-Blog

Hechos Historicos

Powered By Blogger

Link My

Recursos y Diseño Web

Create a Meebo Chat Room

Post Ultimos

Fresh Blogger Templates
 
ir arriba ir arriba

El Blog de J.Guti Copyright© 2007 | Plantilla Blogger | Diseño de Freshbloggertemplates y J.Guti