miércoles, 6 de febrero de 2008

PONER LEER MÁS O SEGUIR LEYENDO EN TUS POST

A petición de Eva, explicaré hoy cómo hacer que un post muy largo se pueda extender o contraer. El código que vemos en algunos blogs de +/- se suele usar para partes concretas y es un poco lío de poner porque hay palabras que no se pueden repetir y demás. Lo más cómodo es poner un "leer más" o "seguir leyendo" o como lo querais poner.

Os voy a explicar pasito a pasito para que no os hagais un lío. Empezamos:

1º Nos vamos a nuestra plantilla, en edición html (para no variar,jejeje) y marcamos la casilla que pone "Expandir plantilla de artilugios". Copiaremos el siguiente código en el <head> y antes del </head>.

<script src='http://rarunach.googlepages.com/hackosphere.js' type='text/javascript'/>


2º Ahora tenemos que buscar la siguiente parte del código (sin quedaros bizcos):

<div class='post-header-line-1'/>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


Y la cambiamos por este otro código:

<div class='post-header-line-1'/>
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<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);'>Leer más...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Resumen...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


Guardamos los cambios que hemos hecho.

3º Y después (y ya por último, menos mal), vamos a "Configuración", "Formato" y en "Plantilla de entrada" escribimos este otro código (que por códigos no sea):

Cada vez que publiques algo, en todas las entradas te va a salir este código, para que sepas qué parte tenés que poner visible y qué parte vas a elegir que quede oculta sin necesidad de estar escribiéndolo en cada entrada.

PARTE DEL POST QUE SE MOSTRARÁ
<span id="fullpost">
PARTE DEL POST QUE NO SE VERÁ
</span>


NOTA: este último código es para que os salga automáticamente en todos los post. Si no queremos poner ésto de "Seguir leyendo" en alguno, pues quitamos el código y listo.

13 comentarios:

Fenicio dijo...

Muy bueno amigo, gracias a todos los que publicais cosas de este tipo, los novatos como nosotros podemos tener un blog más profesional cada día. Gracias de nuevo y felicitarte por tu trabajo. Yo lo he aplicado en varios de mis blogs y funciona perfectamente. www.conplumaypapel.com / www.lablackberry.com / www.portal-erotico.com

Calithos dijo...

Gracias por el dato amigo muy buen truco , a mi me sale perfecto el problemon que tengo ahora es que no me deja abrir mis demas post ya publicado , tengo otro script que me resume los post a los titulos por categorias , pero ahora cuando doy click en las categorias y doy click SOBRE EL TITULO sale solo el titulo y el Body en Blanco ..puedes ayudarme por favor?

Mi Blog es : http://devocionalescristianos.blogspot.com

Muchas gracias

Nya dijo...

Calithos, decirte que he entrado en tu blog para ver tu pequeño problema y....no lo veo.

Pincho en una categoría (he pinchado en chistes) y me sale un listado con todos los post relacionados con esa categoría. Me sale sólo el título, sí (así lo tengo puesto yo desde siempre) y si pincho en cualquier título....me aparece el post entero.

¿Cuál es el problema?

Marito dijo...

Hola....no me funcionaaa!! y no se porq! mmm...lo traté de hacer miles de veces, pero no me sale. Si podés mirar mi blog, y fijarte donde puede llegar a estar mi error...www.tupropio.blogspot.com
Muchas gracias!

Surf Roqueta Power dijo...

hola! a mi blog tampoco me ha funcionado, bueno a medias... lo he probado varias veces, sustituyendo el texto "PARTE DEL POST QUE SE VERA" por el contenido de esta parte, tambien lo he probado delante i detrás del texto, pero solo me queda o el texto o todo el post completo, y yo quiero escribir un texto con una foto ii la otra parte fotos i videos, pero no hay manera. Mi blog es: http://www.surfroquetapower.blogspot.com/
Ahí encontraras la manera de contactar conmigo (arriba a la izquierda).
GRacias, tu blog me esta ayudando mucho! ;)

DicDos dijo...

Muchisimas gracias Nya

Xavi dijo...

Muchas gracias. Por fin he encontrado un código que funciona en mi blog.

Saludos.

JACOBO dijo...

Pues por más que lo he intentado no consigo que funcione. Pongo todo lo que dices en el sitio que indicas, pero nunca me deja guarda la plantilla, siempre me da un error distinto. ¿Qué puede ser? Gracias por tu post y por tú ayuda.

angel dijo...

OYE NYA HERMOSA JAJA
TE FALTO PONER EN ESTE POST QUE
TIENEN QUE TENER PUESTO ESTA OPCION

http://photos1.blogger.com/blogger/5140/1444/1600/postpages.jpg

SINO NADA DE ESO FUNCIONARA

Y GRACIAS POR ESO QUE LO HICE EN MI BLOG

Jaumefv dijo...

yo he seguido todos estos pasos y he conseguido que salga el "leer más", pero no sé qué ocurre que algunas veces si me pongo encima del "leer más", sencillamente no va a ningún sitio. No sé si me podrías ayudar.
Gracias.
Jaume

Este es el blog rescrito.blogspot.com

Arwen dijo...

Gracias por la información Nya, lo implementado en mi blog y me ha ido genial. ;)

Saludos.
Arwen

Raplr.net(Admin) dijo...

hola tengo un problema con mi blog cuando yo pongo mi dominio personalizado el leer mas no me habre pero cuando pongo volver a blogspot y le doy a leer mas ay me abre nesesito ayudan mi blog es http://urbano.raplr.net/

Raplr.net(Admin) dijo...

espero la respuesta men