Quickribbon

sábado, 9 de junio de 2007

Truco de "Leer más..." (II parte)

Inconformista que es uno y haciendo honor al título del blog, el truco anterior no ha superado la Prueba y aunque el resultado no es malo y no en todos los blogs da problemas, me he puesto a buscar alternativas, que haberlas hailas y vamos a probar otro sistema.



Este otro sistema requiere un poquito más de trabajo a nivel plantilla y puede que alguno de los pasos sean necesarios en unos blogs si y otro no. Lo primero que hay que hacer es añadir un script justo encima del cierre </HEAD>

Añadimos este código:

<script type='text/javascript' src=
'http://www.anniyalogam.com/widgets/hackosphere.js' />

Si como yo, eres un habitual de los trucos de HACKOSPHERE es casi seguro que ya tengas esta línea incluída así que no será necesario añadirla.

El siguiente paso nos lleva a la zona de plantilla referida a los posts. Para encontrarla deberemos expandir la plantilla de artilugios y buscar este código:

<b:includable id='post' var='post'>
<div class='post uncustomized-post-template'
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Lo seleccionamos por completo y lo borramos, sustituyendolo por este otro:

<b:includable id='post' var='post'>
<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>

<div class='post-header-line-1'/>

<div class='post-body'>

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

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

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'>Sigue leyendo</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'>Ocultar texto</a></p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

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

Una vez hecho esto el sistema ya está incluido y lo único que tendremos que hacer para utilizarlo es usar esta estructura en los posts:

TEXTO SUMARIO
<span id="fullpost">
TEXTO OCULTO
</span>

12 comentarios:

Anónimo dijo...

Hola te hago una consulta, hice las modificaciones y me aparece este mensaje
"Se ha encontrado más de un artilugio con el ID: LinkList1. Los ID de artilugio deben ser exclusivos."
Te agradezco si sabes de que se trata.
Gracias.
Nicolas

Zaebos dijo...

Pues no creo que tenga relacion con este truco en concreto ya que no instalamos ningun widget con ID liklist. Esa ID hace referencia a alguna lista de vínculos de tu página, habrás añadido un elemento "lista de enlaces", pero este truco no tiene que ver con los linklist... de todos modos, siempre puedes probar a localizar en tu plantilla el artilugio con esa id y cambiarle el nombre... este error suele ocurrir cuando introducimos un widget en nuestras plantillas copiando el código desde alguna página. Los widgets suelen tener un nombre como por ejemplo "HTML10" (o el que sea) y da error cuando en tu plantilla ya hay uno con esa identificacion. Se soluciona cambiando el nombre por ejemplo "HTML15" (o cualquier numero que estemos seguros que no tengamos)... de todos modos no se porque te sale ese error ya que insisto, aquí no introducimos ningún artilugio con esa id.... ???

Gustavo, la rana dijo...

Hola y gracias por este truco que ya está funcionando en mi blog http://croarycroar.blogspot.com. Pero al aplicarlo he encontrado una pequeña pega que no me gusta y me gustaría saber si sólo me pasa a mi o es común. Se trata que cuando enlazo a través de "Entradas antiguas" de abajo, el "Sigue leyendo" aparece en todos los posts antiguos y sólo lo he puesto en uno reciente. ¿A qué se puede deber? ¿cómo lo arreglo? Muchas gracias por todas tus ideas que me están resultando muy útiles.

Zaebos dijo...

La verdad es que aunque tengo el truco en la plantilla no lo uso a menundo... más bien nunca. El problema al que haces referencia tb. me ocurría mi, pero en cuanto reuna un poco de tiempo pondré por aquí otra manera de hacer lo mismo que he visto en otras páginas, pero que aún no he probado.

Gustavo, la rana dijo...

Gracias zaebos por tu interés. De momento lo he arreglado (no sé cómo) cambiando los enlaces inferiores de navegación por iconos, y el efecto que producía antes en las entradas antiguas de añadir "Sigue leyendo" ya no aparace y en cambio aparecen las nuevas entradas como títulos expandibles (lo que prefiero). Esta vez he tenido suerte y sin saber cómo ha quedado todo arreglado (para compensar cuando todo se estropea sin saber por qué). Gracias. Sigo trabajando en http://croarycroar.blogspot.com. Por cierto, aunque no sea el tema, veo frecuentemente otros blogs que copian tus contenidos (y los de otros) sin hacer referencia al origen, como si fueran ideas propias, aprovechándose del trabajo de blogs como éste. Eso sí es piratería y no la que denuncia la SGAE.

hugo dijo...

HOLA GRACIAS POR TU INGENIO EN TUS RECURSOS, TU PLANTILLA ME HA SERVIDO MUCHO, GRACIAS....

NECESITO UN MENU HORIZONTAL COMO EL TUYO, ME GUSTO, TE LO AGRADECERIA EN EL ALMA, ESTOY USANDO UNO DE LOS DE EL BLOG DE CESAR, PERO NO ME GUSTO MUCHO.

GRACIAS POR TODO.

http://ahuguitoc.blogspot.com/

HUGUIN

Huguin dijo...

HOLA GRACIAS POR TU INGENIO EN TUS RECURSOS, TU PLANTILLA ME HA SERVIDO MUCHO, GRACIAS....

NECESITO UN MENU HORIZONTAL COMO EL TUYO, ME GUSTO, TE LO AGRADECERIA EN EL ALMA, ESTOY USANDO UNO DE LOS DE EL BLOG DE CESAR, PERO NO ME GUSTO MUCHO.

GRACIAS POR TODO.

http://ahuguitoc.blogspot.com/

HUGUIN

Zaebos dijo...

Para poner las categorías como un menú horizontal pásate por aquí

Anónimo dijo...

hace horas que estaba buscando esto, me sirvio mucho aunque al principio me arrojo un error y era que te falto una comilla " id=(aqui)fullpost"....

thanks

Zaebos dijo...

upssss... pues es verdad..

sorry¡¡

wallypesca dijo...

Lo usé y me anduvo barbaro..mil gracias!!!!

http://wallypesca.blogspot.com/

xwin dijo...

Hola, busque este truco en muchas partes y no lo halle de la forma como tu lo describes. Quedo perfecto en mi blog. gracias

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