Dos formas distintas de poner excerpts (leer más) en Blogger
Tutoriales Publicado por Claudia en diciembre 6, 2008
Hay varias formas de poner excerpts en Blogger, y no todas funcionan del mismo modo. Quise probar tres formas distintas de hacerlo (aunque me quedé con dos), creando demos por separado para mostrar las diferencias. He tratado de simplificar al máximo las instrucciones originales para facilitar la tarea.
Forma 1
Es objetivamente mejor que la anterior. La compartió Rosa en su Escaparate hace más de un año, y se trata de un “leer más con resumen”. Mira el demo AQUÍ.
Ventaja: “Leer más” se añade sólo en las entradas que elegimos.
Paso a paso:
a) Expandir los artilugios y añadir justo antes de </head>:
<script type='text/javascript'
src='http://girlyblogger.site90.net/hackosphere.js' />
b) Buscar la siguiente línea antes de post-header-line-1:
<div class='post hentry uncustomized-post-template'>
Y reemplazarla por:
<div class='post' expr:id='"post-" + data:post.id'>
c) Justo debajo de <div class=’post-header-line-1′/>, ubicar estas dos líneas:
<div class=’post-body entry-content’>
<data:post.body/>
Reemplazarlas por:
<div class='post-body' expr:id='"post-" + data:post.id'>
<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 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);'>
</a>
</p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>")
</script>
</b:if>
d) Guardar los cambios.
e) Para postear una entrada, hacerlo del siguiente modo:
TEXTO A MOSTRAR
<span id="fullpost">
TEXTO A OCULTAR
</span>
Forma 2
Este método es distinto a los anteriores. Acorta todos los posts en un mismo punto, por lo que es ideal para plantillas tipo “revista”. Lo vi en una plantilla “made in Brasil”, y lo encontré luego en el blog de Amanda de Blogger Buster, bajo el título “Elegant Post Summaries for Blogger with jQuery“. Puedes ver el demo AQUÍ.
Paso a paso
a) Pegar justo antes de <head>, al inicio de la plantilla:
<script language='javascript'
src='http://girlyblogger.site90.net/jquery-1.2.3.pack.js' type='text/javascript'/>
<script language='javascript'
src='http://girlyblogger.site90.net/jquery.expander.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('.excerpt').expander({
slicePoint: 280, // punto de corte
expandText: '[...]', // por defecto es 'read more...'
});
});
</script>
*El “punto de corte” es el número de caracteres que queremos mostrar.
b) Buscar:
<div class=’post-body entry-content’>
<data:post.body/>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>
Reemplazar esas cuatro líneas por este código:
<b:if cond='data:blog.pageType != "item"'>
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/>
</div>
<a expr:href='data:post.url'>Seguir leyendo...</a>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/>
</div>
</b:if>
c) Guardar los cambios.
d) Si queremos que el “Sigue leyendo…” aparezca justo al lado del texto, en vez de abajo, simplemente en el código del paso b reemplazar los “div” por “span”.
NOTA: Había realojado los scripts en Boxstr, pero lamentablemente no anda bien. Mientras busco una alternativa, dejo los links originales que sí funcionan. De todas maneras, siempre es recomendable realojar los scripts, porque eventualmente podrían dejar de funcionar.
ACTUALIZACIÓN (17/12/08): Realojé los scripts en 000Webhost. Espero que ahora sí funcione perfecto. Probé es Firefox e IE; en IE las entradas tardan fracción de segundo en mostrarse (lo mismo que tarda en cargarse cualquier página), pero es algo muy menor.
Los scripts están disponibles para descargar aquí, en caso de que fallara el hosting de nuevo. También hice la prueba en SkyDrive, pero no funcionan en IE.
Posts relacionados
Compártelo!
Hay varias formas de poner excerpts en Blogger, y no todas funcionan del mismo modo. Quise probar tres formas distintas de hacerlo (aunque me quedé con dos), creando demos por separado para mostrar las diferencias. He tratado de simplificar al máximo las instrucciones originales para facilitar la tarea.
Forma 1
Es objetivamente mejor que la anterior. La compartió Rosa en su Escaparate hace más de un año, y se trata de un “leer más con resumen”. Mira el demo AQUÍ.
Ventaja: “Leer más” se añade sólo en las entradas que elegimos.
Paso a paso:
a) Expandir los artilugios y añadir justo antes de </head>:
<script type='text/javascript' src='http://girlyblogger.site90.net/hackosphere.js' />
b) Buscar la siguiente línea antes de post-header-line-1:
<div class='post hentry uncustomized-post-template'>
Y reemplazarla por:
<div class='post' expr:id='"post-" + data:post.id'>
c) Justo debajo de <div class=’post-header-line-1′/>, ubicar estas dos líneas:
<div class=’post-body entry-content’>
<data:post.body/>
Reemplazarlas por:
<div class='post-body' expr:id='"post-" + data:post.id'>
<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 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);'>
</a>
</p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>")
</script>
</b:if>d) Guardar los cambios.
e) Para postear una entrada, hacerlo del siguiente modo:
TEXTO A MOSTRAR <span id="fullpost"> TEXTO A OCULTAR </span>
Forma 2
Este método es distinto a los anteriores. Acorta todos los posts en un mismo punto, por lo que es ideal para plantillas tipo “revista”. Lo vi en una plantilla “made in Brasil”, y lo encontré luego en el blog de Amanda de Blogger Buster, bajo el título “Elegant Post Summaries for Blogger with jQuery“. Puedes ver el demo AQUÍ.
Paso a paso
a) Pegar justo antes de <head>, al inicio de la plantilla:
<script language='javascript'
src='http://girlyblogger.site90.net/jquery-1.2.3.pack.js' type='text/javascript'/>
<script language='javascript'
src='http://girlyblogger.site90.net/jquery.expander.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('.excerpt').expander({
slicePoint: 280, // punto de corte
expandText: '[...]', // por defecto es 'read more...'
});
});
</script>*El “punto de corte” es el número de caracteres que queremos mostrar.
b) Buscar:
<div class=’post-body entry-content’>
<data:post.body/>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>
Reemplazar esas cuatro líneas por este código:
<b:if cond='data:blog.pageType != "item"'>
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/>
</div>
<a expr:href='data:post.url'>Seguir leyendo...</a>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/>
</div>
</b:if>c) Guardar los cambios.
d) Si queremos que el “Sigue leyendo…” aparezca justo al lado del texto, en vez de abajo, simplemente en el código del paso b reemplazar los “div” por “span”.
NOTA: Había realojado los scripts en Boxstr, pero lamentablemente no anda bien. Mientras busco una alternativa, dejo los links originales que sí funcionan. De todas maneras, siempre es recomendable realojar los scripts, porque eventualmente podrían dejar de funcionar.
ACTUALIZACIÓN (17/12/08): Realojé los scripts en 000Webhost. Espero que ahora sí funcione perfecto. Probé es Firefox e IE; en IE las entradas tardan fracción de segundo en mostrarse (lo mismo que tarda en cargarse cualquier página), pero es algo muy menor.
Los scripts están disponibles para descargar aquí, en caso de que fallara el hosting de nuevo. También hice la prueba en SkyDrive, pero no funcionan en IE.
127 Comentarios
hola, gracias por estos datos, ya lo tengo todo en el segundo modelo,pero el problema es que me sale todo el texto y al final la opcion de seguir leyen, no he podido poner la opcion de seguir leyendo al principio, he intentado cambiando lo valores en vez de (punto de corte) puedes explicarme que debo hacer? Muchisimas gracias
HOLA GIRLY, YO APLIQUE LA SEGUNDA FORMA PERO NO ME RESUMIO NADA, ANDARÁ ALGO MAL??
ESPERO QUE ME PUEDAS AYUDAR, MUCHAS GRACIAS!
SALUDOS -E-
Es extraño que no les resulte… Pensé que me había equivocado en algo, pero no. Seguí mis propias instrucciones en una nueva plantilla, y todo resultó de maravillas.
Fíjense que hay que copiar un código antes de < head >, y no antes de < /head > (eso sí hace la diferencia). Luego, hay que reemplazar cuatro líneas que especifico más arriba (lo voy a especificar tal cual para que se entienda mejor). Siguiendo al pie de la letra las instrucciones, sí resulta
Hola, he intentado hacer la segunda forma pero con la plantilla que uso (TypeBased) en el paso b) en lugar de salirme solo esto:
Me sale muchas mas lineas de codigo entre el primer div y el data:post.body, por lo tanto no puedo eliminar solo esas 4 lineas y el excerpt no funciona.
Alguna solucion, o con esa plantilla no se puede?
Saludos.
Más tarde sin falta le doy una vuelta
Si es cierto, no funciona, solo aparece el seguir leyendo pero no corta el texto. Lo mismo pasa con tu demo, aparece el seguir leyendo pero mostrando el texto completo
@Franco: Sustituyendo la línea 2 y la 3 (paso b), también lo funciona. Hice la prueba en Typebased. Puede verse aquí.
@Gloria: Yo veo el demo perfecto. No sé qué será.
[...] explica como hacerlo y en Girlyblogger muestra una forma “elegante” para llegar a lo [...]
Una consulta.. si modifico mi blog con esos códigos se modificará absolutamente todo, porque cada vez que cambio de palntilla se elimina todo lo que he publicado. :/
Lo que ocurre cuando cambias de plantilla, es que se eliminan los artilugios, pero el contenido no se borra. Esto no se va modificar “todo”, sólo se van a resumir tus entradas.
De todas maneras, es bueno que sepas que:
1) Una vez que hagas el intento, puedes observar lo que sucede en la vista previa. Si te gusta, guardas los cambios.
2) Son cambios reversibles. Si algo no quedó bien, puedes volver atrás siguiendo los mismos pasos.
3) Nunca está de más hacer un respaldo de la plantilla.
Para realojar los scripts, JMiur de Vagabundia recomienda usar JavascriptHost.com. No lo he probado aún, pero todo indica que funciona perfectamente.
Claudia,
También me sucede lo mismo, el texto no es dividido en el punto de corte.
¿Cual será la razón?
No me funciono, de todas formas gracias!
Acabo de realojar los scripts en 000Webhost
Claudia, me estoy volviendo loco. Necesito tu ayuda.
He probado diferentes formas de conseguir el leer mas… (a mi la que me interesa es la forma 1, esto es, que sólo me aparezca cuando la entrada sea larga y yo lo ponga expresamente. En el resto de entradas, que aparezca normal.)
Me ha pasado de todo; a vees me ocultaba todas las entradas (dejándome sólo en título), otras veces me desaparecían todas las entradas del blog, otras veces (lo mejor que he conseguido hasta el momento) es que efectivamente fuese capaz de separa una entrada en dos partes, pero la coletilla leer mas… me aparecía en todos los post, aunque yo no quisiera ni metiese nada.(esta prueba fue con esto: http://www.blogmundi.com/2007/05/24/leer-mas-en-blogger/)
Por favor, me podrías ayudar????
Gracias!!!!!!
También probé el script de Blogmundi, que es levemente distinto, y la verdad es que no me gustó
El problema es que el “leer más” aparece en todas las entradas, como dices.
¿Probaste ya la forma de arriba? Es lo mejor que he encontrado
Haciendo exactamtne lo que dices en arriba (para la forma 1) me sale el siguiente error:
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: Element type “div” must be followed by either attribute specifications, “>” or “/>”.
intento entonces copiar todo el tramo de codigo en vez de añadir sólo la parte que nos dices… y nada. No se si es un tema de comillas…o qué.
Me ayudas.
Gracias de antemanao!
Sí, tienes razón, son las comillas. Al no estar en una caja de código se cambiaron automáticamente
Simplifiqué aún más el paso “B” ojalá ahora sí resulte.
Claudia, he probado un montón de veces y me sigue dando el error. Qué puedo hacer?
Por cierto, para que sirve la primera parte del código??:
La primera parte es el script (javascript) que permite la acción.
Tampoco funcionó con la actualización que hice del código con las comillas correctas? A mí sí me toma bien, no me sale error :O
Claudia, gracias por todo en priomer lugar!
Hago exactamente lo que dices y no me da error al guardar la plantilla, pero luego no funciona, no hace nada. Meto:
Texto a mostrar
Texto a ocultar
en mi entrada y no hace nada…
donde está el error??
Tienes que usar este código para ocultar el texto que no vayas a mostrar. Todo lo demás quedará a la vista.
Eso es lo que hago, pero no sale nada. Creo que te ha inducido a error el comentario mio anterior (he copiado pegado parte de tu explicación, pero sólo se ha pegado la parte de texto (lo de texto a mostrar y ocultar), obviando las líneas de código.
Pero, en efinitiva, lo hago como tu dices, pegando esas dos lineas de código en la zona html de la entrada (antes y despues de la zona a ocultar) y nada. Qué estaré haciendo mal?
TE ENVÍO MI CÓDIGO HTML Y ME MIRAS QUE HAGO MAL? SOY NOVATO EN ESTO DE LOS BLOGS (Y LA PROGRAMCION) (LLEVO 2 SEMANAS SOLO). TE PARECE UNA BUENA IDEA LO QUE TE PROPONGO O ES UNA TONTERIA??
La verdad, no comprendo cuál es el error. Hay algo en las cosas que cambién recientemente que hace que esto no resulte, pero no es el script. Si quieres, me mandas tu plantilla y veo (usa el formulario de contacto). La veo más tarde, eso sí, porque ya está amaneciendo aquí
.
Claudia, he usado lo que Rosa pone en:
http://elescaparatederosa.blogspot.com/2008/12/leer-mas-solo-en-los-post-escogidos.html
y ya lo tengo perfectamten instalado.
Millones de millones de gracias por tu ayuda y dedicación!!!!!!!!!!!!!!!
Me alegro! Ya descubrí el error: al editar la entrada para corregir las comillas, puse “span class” en vez de “span id”. Ya lo corregí para evitar futuros errores.
Gracias por avisar
el primer truco no me funciona pq no se encuentra en mi theme el codigo: post hentry uncustomized-post-template…y el 2do que en si me gusta mas no me funciona con IE solo firefox…
Si no encuentras div=’post hentry uncustomized-post-template’, busca el equivalente que es div class=’post’
Hola, gracias por los trucos.
Pero tengo un problema con la forma 2. La he colocado y me funciona perfectamente cuando veo mi blog en Firefox pero no así con Internet Explorer… saben cómo se puede arreglar?
hola Claudia, gracias por el truco.
Pero quiero saber como puedo hacer para que al darle click al leer mas, aparesca en otra pagina y no sobre la misma se despliegue el texto.
y tambien como puedo agragar un boton como tu pagina en lugar del texto leer mas.
Gracias y un saludo
mi pagina es: http://moyeja.com.ar/
para que puedas comprobar
hola
hola tengo la misma consulta que Gustavo uso la 2da forma y en el explorer no se aplica alguno sabe la solucion a esto, estoy renegando hace mucho tiempo con esto y no se nada de programación si alguien lo soluciono por favor explicarlo y claudia gracias por el aporte
Muchísimas gracias por este tutorial. He buscado varios y con este he conseguido modificar mi blog. Esta muy bien explicado para burros como yo que de esto entiendo de poco a nada. Gracias
Uuh… Aprovecho de aclarar que probé los demos en IE 8, y todo ok. Quizás quienes tienen problemas, estén usando una versión muy vieja de IE, ojalá no la 6.
Ah… eso debe ser, entonces. Gracias, una vez más
Muchas gracias por esta información. La segunda opción ha sido la mejor, en mi caso. Gracias.
Perfecto!!!
Funciona de manera correcta, en mi caso me gusta más la primera opción!!!
Pueden checarlo en:
http://usbicon.blogspot.com/
Gracias!!!
Gute Arbeit hier! Gute Inhalte.
Ayuda!! tengo multiples problemas con mi blog
en IE. se ve mal, y en Firefox se ve un poquito mejor jaja… tengo problemas con los “excerpts” palabra que aprendi aca 
como veras soy newby en esto de los blogs, digamos que estoy aprendiendo, pero me veo estancado, ante la imposibilidad de saber si mi blog se ve bienen en todos los navegadores… 
podrias ayudarme? y de paso darme algunos concejos sobre… que le tendria que agregar, o que le tendria que sacar a mi blog?… desde ya, Muchisimas gracias!!
Cristian, no entiendo a qué te refieres con que “en IE se ve mal, y en Firefox un poquito mejor”. En IE el “leer más automático” puede tardar un poquito en cargar (algo así como medio segundo o un poco menos), pero he visto que con varios scripts pasa lo mismo.
Saludos!
Uso un template en css y por defaul vienen los botones de leer mas al final de cada artículo, pero no he podido hacerlos funcionar correctamente ni ocultar la parte del texto que necesito ocultar, espero que me puedan ayudar.
El template es para blogger y se llama excess.
Gracias.
Hola hay alguna manera de evitar que salga la palabra undefined en la forma 2? Saludos y gracias por adelantado.
@Gerardo: En tu plantilla no veo ningún “undefined”
Hola Clau!!!!
Lo he instalado y probado, quedó genial, gracias, era justo lo que necesitada!!!
Sin embargo, solo funciona la primera vez que cargas la página, te explico:
Entras al blog y aparecen mis entradas resumidas, le das en seguir leyendo y expande perfectamente el post incluyendo sus comments, peeeeero cuando le das Home para regresar a la página principal y quizá leer un post diferente, TODAS las entradas apareces expandidas y con el seguir leyendo al pie de cada una.
Será que debo ponerle algo a mi menú de navegación???
Ojalá puedas ayudarme con esto.
Desde ya, gracias!!!
Saludos!!!!
(^^,)
Oops!!!
Perdón x los dedazos =S
y… me olvidé, este es mi blog para ke veas de ké se trata
http://elmundodeclausen.blogspot.com
Claudia, a mí no me pasa eso. Lo que sí me pasa, es que veo que el script no carga instantáneamente. No sé si será problema del script, de mi conexión o que tienes muchos scripts andando en tu blog. Me pide mis datos de Twitter cuando entro
.
Wooooooooow!!!
Ké rapidez…. gracias!!!!
pero…. te pide datos de Twitter??? :O
…en lo referente a los scripts, revisaré, tengo 3 el tuyo ke acabo de instalar, el de los comentarios recortados y el de los update de twitter justamente, no creo ke sea para tanto o si? jejeje
Lo curioso es ke dices ke no te pasa el problema de ke al regresar a home ya no aparecen los post recortados y a mí me carga rápido…. ké será? ké será?
Muchas gracias x tu tiempo, dedicación y atención tan inmediata!!!!
Saludines
Hola, tengo un problema con el “Leer mas..”, usé la primera opción en un blog de prueba y funciona perfecto, pero al implementarlo en mi blog no.
Mi pregunta es, y perdón de antemano si parezco burro, se puede insertar en la plantilla del blog el hackosphere.js que descargué de tu sitio?
Como verás, cero redondo en manejo de CSS…..
Saludos y gracias por tu atención
claudiita me estoy morido kuek
Hola Claudia, solucioné el problema de “Leer mas…”. Cambie la dirección del host del hackosphere y ahora todo funciona bien.
Tengo otra consulta, intenté hacer que un archivo swf se reproduzca en la sidebar y/o en la entrada, siguiendo los pasos que aconsejan: alojar el swf en un servidor de imágenes, copiar y pegar la url del archivo flash, en el gadget con html (sidebar) o directamente pegar en la caja de edición de la entrada con la opción html. Hasta ahí todo bien, pero lo que aparece es la animación reproducida en el sitio del host de imágenes. Me puedes dar una ayuda con esto?. Gracias desde ya. Saludos.
Hola Claudia:
Soy novata en estas lides de blogs y…¡no me aclaro con estos datos que das!. He buscado los códigos esos que dices en la plantilla, pero me quedo cegata y no los encuentro, por lo que no puedo ni añadir ni sustituir códigos para insertar la opción de resumir las entradas (leer más…).
No sé qué más puedo hacer, porque necesito reducir el tamaño d e las entradas para no alargar tanto el blog.
¡Necesito tu ayuda!.
Graias y un besote
Manuel: Asegúrate de que estás usando la URL y/o el código correcto
Laube: Expande los artilugios de la plantilla (Edición de HTML/Expandir plantillas de artilugios) y busca el comienzo de cada código utilizando el buscador de tu navegador. En Firefox es Editar/Buscar o Ctrl+F.
Hola Claudia:
Lo primero maravilloso blog
Lo segundo, te comento, tu código he podido utilizarlo, pero al principio no encontraba la entrada ya que esta clase:
era esta:
Supongo que era por mi template, por si le puede servir a alguien más.
Un saludo
Vale ahora tengo un problema
me aparece leer mas, ya que lo he puesto así pero la entrada no se corta, solo me pone leer más, que debo haber hecho mal?
gracias
garnalamal: Yo no veo las entradas cortadas, ni el link de “leer más” :O
Lo había quitado para que no funcionara mal.
al darle a guardar blogger me cambia el código de script a esto:
[code]
$('.excerpt').expander({
slicePoint: 500, // punto de corte
expandText: '[...]', // por defecto es 'read more...'
});
});
[/code]
No se si intentarlo con otra plantilla a ver que pasa.
Muchas gracias
en esta nueva pagina si lo he conseguido, creo: http://creandoblogger.blogspot.com/ aunque no me convence demasiado que opinas?
muchas gracias
garnalamal:
Por qué pones [code][/code]??? No entiendo
Por que no funciona con el explorer el segundo codigo que supuestamente acorta el texto, yo puse me funciona en el opera, firefox mas no en el explorer que ya mayoria de gente suele usar.. gracias por la respuesta
Daniel: A mí sí me funciona en Internet Explorer 8.
Hola !!!! alguien que me ayude.
Lo que pasa es lo siguiente, tengo instalado el ” leer mas ” con la segunda forma , todo estaba perfecto , hasta hoy que me dejo de funcionar .
Me aparcene los post completos , lo raro es que si aparecen los links ; (…) y ” leer mas “.
POR FAVOR AYUDENME .. NO SE QUE HACER.
LOS DEJO CON LA DIRECCION DE MI BLOG , PARA QUE LO CHEQUEN Y VEAN QUE PASA.
http://elotakugamer.blogspot.com
zaip: Hiciste algún cambio en tu plantilla entre ayer y hoy? El script jquery está perfectamente alojado, así que el problema no es del alojamiento.
Hola ,perdon por la tardanza de mi respuesta.
Me he fijado que solo me esta pasando el problema cuando hago post demasido largos, no se si es por que me tardo demasiado en hacerlos o que , por que depues de la primera vez que me paso , postee algo muy pequeño y el ” leer mas ” funciono bien .
Pero hoy realize una entrada muy larga y volvio a ocurrime el error , osea , me aparece todo el port completo.
te dejo el link a mi blog para que lo cheques.
http://elotakugamer.blogspot.com
PD: EL ULTIMO CAMBIO QUE REALIZE FUE AGREGAR UN SISTEMA DE COMENTARIO Y UN SISTEMA DE VOTACION PARA LOS POST.
Hola de nuevo…He tenido que modificar el punto de corte hasta 850 para que la entradas demasiado largas sean resumidas correctamente.
por que en las entradas largas el script funciona al reves?
ESPERO ME PUEDAS AYUDAR
Hola Claudia,
¡gracias por tu blog, es muy estético y útil!
A mi me pasa un poco como a zaip, he intentado usar la segunda opción para acortar las entradas, pero no me las corta, me salen enteras y luego si que me aparecen los enlaces (…) y “leer mas” (que funcionan bien).
Me da igual el número que ponga.
Si me pudieras ayudar… gracias de todos modos
Chicos: En sus blogs no veo los posts resumidos; no es problema del navegador.
Probé añadiendo el script a un blog nuevo, y sí resulta (lo pueden ver acá). No sé qué pasa, no he hecho nada nuevo. Están seguros de que hicieron todo correctamente?
Hola Claudia, tengo IE 7.0, y estaba pensando en actualizarlo a IE 8.0, me recomiendas el cambio?.
La duda es por posibles problemas con los artilugios de la plantilla de mi blog.
Gracias y saludos.
Manuel: No veo tanta diferencia entre IE7 e IE8; aunque claro, se “supone” que IE8 es mejor. ¿Has probado Firefox? Eso sí, el problema de los artilugios no tiene nada que ver con el navegador que usas
Ok, gracias por aclararme ese punto. Hace poco que entré al mundo blogger y gracias a sitios como el tuyo estoy aprendiendo.
Saludos.
Hola que tal claudia Yo de nuevo , crei que habia solucionado el problema modificando el punto de corte , pero me ha vuelto a ocurrir y otra ves con un post demasiado largo.
Le pedi a un amigo que entrara con internet explorer y me dijo que aparceian todos los post completos , sinceramente nos e que pasa , instale bien el script en la plantillas , el problema es que faya periodicamente.
Ojala y sepas algo con que ayudarme …Gracias y me despido.
Gracias por los tips.
Pero tengo un grave problema , cambie de plantilla y por mas que busque no encuentro ningun div= post body ni una variante ni nada parecido , sera que tengo qeu cambiar de plantilla para poder instalar esta opcion , o sera simplemente que necesite ayudar de algun programa de css?
que me recomiendas?
Chii, tienes que expandir los artilugios de la plantilla
Hola, añadí el script 2 en mi blog y los .js en mi servidor, funciona todo OK! en Firefox y en Crhome, pero no me funciona en IE 7, la entrada sale completa y al final muestra el “Seguir leyendo”, que al hacerle click vuelve y me muestra toda la entrada, ¿que podrá esta sucediendo? Agradezco tu ayuda.
hola! te felicito por el excelente blog muy util realmente y me vino re bien la ayuda, ya lo pude implementar en mi blog. un saludo grande!
hola como va? te cuento que hace tiempo que quiero poner leer mas…. y la verdad no me anda, no se porque esta todo tal cual comentas en la primera parte. te agradeceria si me ayudas en esto. saludos
José: Puede ser que necesites realojar el script (si seguiste correctamente los pasos).
Un saludo
Hola! estoy intentando instalar el “leer más” peor no se porqué al llegar a la parte C de la forma 1 no me aprece nada de esto que dices:
“Justo debajo de , ubicar estas dos líneas:
”
¿Sabes a qué puede seberse?
He pulsado como decías el “Expandir plantillas de artilugios”
Gracias
Hola Claudia. Muy bueno el blog, felicitaciones.
La forma 1, con el script de hackosphere, funciona bien, a veces hay personas que usan el hosting de annylogam que está caído y entonces no funciona.
La forma 2, que leí también en el site de Amanda Fazani, está buena para templates tipo magazine, pero con los demás tiene varias desventajas: se ven los links en todos los posts, determinar la cantidad de caracteres del excerpt no es tan sencillo, el hack para abrir en new window se confunde con el same window y demora cargar dos scripts sólo para una funcionalidad.
El viejo hack de Blogger para crear entradas ampliables con condicionales comparte alguna de estas limitaciones y por eso casi nadie quiere usarlo. El creador del script de hackosphere da otra opción y señala que no encontró la forma de que los links no se vean en todos los posts con las actuales plantillas de Blogger (ni con las clásicas…)
Tal vez la buena noticia sean esas líneas en los templates (hasJunk) que parecen indicar que dentro de no mucho van a poder crearse excerpts al modo de WP, o de Blogger XD.
Saludos y un gusto leerte.
Zeta:
En el primer caso, puedes cambiar el hosting de los archivos *.js.
Y en el segundo, la idea era justamente esa: mostrar un script automático, distinto del primero que no es automático. Puedes esconder los links, removiendo la correspondiente pieza de código, sí, pero las entradas de todas maneras se verán cortadas, porque esa es la idea
Un saludo.
Hola Claudia. Va de suyo el cambio de hosting, sólo me refería a la cantidad enorme de blogs que siguen teniendo el link del script hacia annylogam.
Sobre la segunda forma forma, sigue sin convencerme salvo para blogs con diseño magazine.
Gracias por tu respuesta. Saludos
MMMMOYE MUHISIMAS GRACIAS EXCELENTE ESTE ULTIMO CODIGO ME FUNCIONO ALAS MIL MATRAVILLAS ERES UNA GENIO
[...] meses, veíamos tres distintas maneras de crear excerpts (resúmenes con “leer más” en Blogger). En general, todas [...]
De todas las formas y explicaciones que he leido… esta ha sido la mejor. Gracias
Claudia; lo que me hace pensar es si luego de colocar este código me vaya a salir publicidad en mi blog o me abra otras páginas; lo digo porque dentro del código encuentro una dirección :
http://girlyblogger.site90.net/jquery.expander.js
qué es esto???
Carlos:
Es el lugar donde está alojado el archivo javascript: una cuenta de hosting gratuito de mi propiedad.
Hola Claudia.
Felicitaciones por tu Blog.
Mira queria hacerte una pregunta. Hice todo lo que dijiste sobre el “Leer Mas” Todo me salio perfecto. Pero mi duda es ¿ Hay alguna forma de hacer que el Boton “Leer Mas” no se desaparesca al presionarlo?
Es decir cuando le hago clic, Ok todo bien, me aparece el contenido oculto, pero ahy veces que quiero volver a ocultarlo, pero no me aparece el boton. Hay alguna forma de aareglar eso?
Querida Claudia:
Gracias a tu excelente explicación pude lograr insertar el “Leer más” en mi blog.
Saludos cordiales, un abrazo.
Muchisimas graciasssssss por esta informacion, es la primera vez que toco el html de mi blog..siempre me dio muchisisisisismo miedo..por mas que lo guardo por las dudas. Pero todo salio muy bien. Gracias y sigue adelante..yo se que es dificil a parte que te toma mucho tiempo, pero no sabes la alegria que das a tanta gente cuando puede hacer algo nuevo y bueno en su blog. REcibe un fuerte abrazo desde tierras californianas..
saludos!
Muchas gracias por la información. lo había intentado de otras maneras pero con esta ha ido estupendo.
Un saludo.
Si no te importa échale un vistazo al mio por favor y me das tu opinión.
Es de un estilo minimalista y sobrio.
Gracias.
disculpa, una pregunta ¿podrias cambiar una parte del jquery?:
“http://girlyblogger.site90.net/jquery.expander.js”
en donde dice: [collapse expanded text] por algo en español.
por que asi esta escrito:
“”"”
userCollapseText: ‘[collapse expanded text]‘ // text to use for the link to re-collapse the text
};
})(jQuery);
“”"”
David: No creo que sea necesario modificar nada. Si tú consideras que sí lo es, modifícalo tú mismo y vuelve a subir el archivo
Hola la verdad es que yo lo intente y no pude tal vez es porque soy principiante… pero bueno,
Felicidades por tu blog.
Visiten el mio:
its–happy.blogspot.com
Hola Claudia.. gracias x tus aportes.. tngo un probnlemilla.. hic los cambios en mi plantilla bien … pero creo q no entendi.. la ultima parte.. para oculatar el texto en la publicacion… TEXTO A MOSTRAR
TEXTO A OCULTAR
dnd dic esteo a colutar oculto lo que no quiero mostrar link..videos etc.. al guardar cambios no me sale nada.. helpme
mmm me sale el enlace q dic leer mas.. pero cuando le doy click no muetra lo dmas =(
De todos los sitios en donde en buscado ayuda con esto del “leer mas” este es el mas claro y breve que he visto. Muy bueno.
Ahora, por lo que puedo deducir, se que algo he hecho mal pues en mi primera entrada probando esto, lo hace pero entonces me lo duplica.
Puedes ayudarme por favor?
Este es el sitio y el post con el problema es el primero del sitio.
Apreciare mucho tu ayuda,
saludos
PDH
Pleaseeeeeeeeeeeeeeeeeeee HELP ME!
Elastic girl:
Asegúrate de haber seguido correctamente las instrucciones. Lo más probable es que en tu plantilla hayas duplicado el código que corresponde al cuerpo del post. Si es necesario, vuelve a revisar
Claudia gracias, Mil…
Podrías decirme cómo se llama ese código?
Gracias!
DTB!
=)
Hola. Buen blog;DD
Oie tengo un problema. Ya tengo implementado el código para mostrar leer más y me va, pero solo a veces.
En ocasiones me muestra leer mas en tooooodas las entradas aunque no tengan el código de “fullpost” etc.
:S
Sabes a qe se debe o como puedo solucionarlo ;S
Graicas
hola la informacion que presentas esta excelente pero como habemos muchos novatos en esto quisiera que dieras una explicacion mas detallada claro si no es mucho pedir ya que me interesa mucho ese tema por ke he creado un blog para compartir software y pues las entradas quedan muy grandes y me seria de mucha ayuda eso de leer mas , espero puedas apoyarme si es ke no te encuentras muy ocupada, el blog que acabo de abrir se llama http://www.latierraafull.blogspot.com.
que tengas buen dia y espero respuesta
PD. no he podido encontrar los codigos que pides para poder meter los que pusiste
MurvoC:
Puede ser que no encuentres los códigos por las comillas, que no están bien puestas. Si buscas parte de cada código con el buscador de tu navegador, seguro los encuentras sin problemas
De todas maneras, revisa estre otro post: Leer más en Blogger… ¡al fin!
Saludos!
Hola claudia,mira mi problema es este acabo de instalar unba nueva plantilla a un blog,todo hiba a bien hasta que en cada post,en la parte derecha,me aparece,”Seguir leyendo” pero en ingles,( Read rest of entry) y yo quiero ponerlo al español,soy todavia novato en esto,lo unico que encontre, fue: return strx+’…’; que seria lo que aparece al cortar,el post, (…) pero de ahi a mas no tengo idea,podrias ayudarme? :$
José:
En la edición de HTML, expande los artilugios y busca el texto que quieres cambiar, usando el buscador de tu navegador
Hola, intenté de varias formas realizar excerpts, pero de aquí seguí exactamente la primera opción y al intentar actualizar me da el error de:
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The element type “div” must be terminated by the matching end-tag ”
Podrías decirme cómo solucionarlo?
Darío:
El mensaje de error te dice que tengas cuidado con el cierre de las etiquetas “div”
De acuerdo Claudia, pero no me deja grabar los cambios y por ende, no resulta el resumen.
Sabés de algún código de cierre que me esté faltando¿?
Abrazo.
Darío:
No sabría decirte dónde estás haciendo mal el cierre (tendría que estar en tu blog).
Creo que lo más práctico, es utilizar la función “Leer más” que Blogger incorporó de manera nativa hace unos meses. Te aseguro que da menos dolores de cabeza
Claudia, no se que pasa pero el sigue leyendo aparece hasta el último de el post, osea aparece deoquis,, igualmente en tu demo, aparece igual, que fue lo que paso?
hola mira tengo un problema no me funciona el leer mas y antes me funcionaba bn… importe la plantilla a otra pagina blog.. y me funciono q puede ser?
muchisimas gracias el segundo me sirvio te invito ami blog eres una genio impresionante muchas gracias
hoye pense que si me iba afuncionar porque si salia seguir leyendo pero no me oculta el texto ¿porque?
Pues lo intenté de la primera forma, pero el código:
no lo encontré.
La segunda se me complicó aún más, no hay otra forma???
Gracias
hola chicablogger, estaba intentando hacer este tutorial en mi blog y se me ha repetido post y me sale leer mas…
que puedo hacer?
mi blog en link sitio web
se agradece ayuda no consigo poner nada de leer mas en la página principal pero si los tengo en las siguientes páginas
muchas gracias
se te agradece
la primera forma es la que me funcione
esta muy chida
gracias deverdad gracias
Hola q tal, te cuento q estoy usando la plantilla Crystal-Blue y no he podido hacer ninguna de las dos formas…me podrias ayudar? por favor gracias
¡Muchas gracias! ¡¡Al fin!! No veas lo que me ha costad encontrar una manera de poner seguir leyendo que funcionase.
Otra vez, ¡muchísimas gracias!
Hola!
He hecho todos los pasos que comentas pero no me oculta el texto.. me sale todo el texto y al final sale seguir leyendo… pero no lo esconde…
Gracias y espero recomentaciones…
Un saludo
en la segunda parte…lo unico parecido q encuentro es:
en vez de eso inserté lo q nos diste, pero no me funciono, solo aparece el seguir leyendo, y el texto sigue too completo sin reduccion.
Sin embargo buscando mas encontre q tengo dos de esos codigos, tengo q reemplazar lo q nos diste en los dos?… por eso será q no me sale?
Virchoff: Prueba con este tutorial. Está más actualizado:
Leer más en Blogger
Mira, he implementado el truco y todo cerro bien.
Pero cuando veo la entrada el seguir leyendo me aparece junto con el autor, comentarios, etc.
Si cambio div por span no cierra la plantilla.
La tuve que cambiar. pero la tengo, si no te es molestia te la envio.
Muchas gracias
Ya le puse el “leer mas” con la primera opción, pero abajo del leer ams me sigue apareciendo “Más información»” ¿como lo quito? Gracias…
Hola, he siguido la primera opción perfecta y creo que no he tenido problemas, pero el ultimo paso de postear una entrada, ya no se que hacer, si me tengo que ir a creación de entrada y poner un texto y hacerlo desde ahi, o desde otro lugar, y me imagino que tendre que añadir lo de mostrar texto y ocultar.
Gracias
no puedo hacer el paso e de la forma 1 le hago y siempre me sale un error de codigo html y ese paso se hace en donde dice entradas luego le doy editar entradas, y luego selecciono la que quiero pero no se si darle donde dice en la entrada un cuadro html le hago hay pero nada
primero va el codigo y luego el texto o alreves
Ya le puse el “leer mas” con la primera opción, pero abajo del leer mas me sigue apareciendo “Más información»” ¿como lo quito? Gracias…
Muy buen tutorial, gracias
Claudia ayudame te puedo pasar por mail mi codigo completo y me lo cambias porfissss cuando no lo hago yo algo me falla!!!! ayudameeeeeeeee