El truco del "Sigue Leyendo …"
20 junio, 2007
Bueno primero que todo saludando aca en mi primer post en Majes tru web, pura vida por haberme invitado a formar parte de este blog 
***
Ahora si, vamos con el truco del “Sigue leyendo…”. Para el que no sabe de que estoy hablando se trata del truquito que uno hace cuando un post se vuelve MUY LARGO y quiere hacer que se vea más pequeño para el visitante, de forma tal que a primera vista se vea un resumen o primera parte del post, y la segunda o resto esté escondido tras un click. Para ver ejemplos de esto puedes ir ACA, ACA o ACA
Como pudieron ver en los links, esto se vuelve muy util, y no necesariamente hay que poner siempre “Sigue leyendo”, ya que este texto se cambia a gusto del autor. El truco es muy útil porque existen muchas personas (entre ellas yo) que cuando ven un articulo muy largo, les da pereza y se largan de lo extenso que es.
Para que lo veas mejor en acción, voy a utilizar este mismo articulo como prueba del truco. Asi que, si quieres ver como hacer para ponerlo en tu blog, haz click en el siguiente link.
Muy bien, ya que llegaron aca, vamos explicando paso por paso. (Ojo que esto vale solo para blogger (yo uso blogger beta, asi que no les podira decir si sirve para blogger classic o wordpress)
1.- En la configuración de tu blog, ve a OPCIONES y luego a ARCHIVO, ahi busca una opción que se llame ¿Habilitar páginas de entrada? o Enable Post Pages?. Cuando estés ahi, cambia su valor a Si y guarda los cambios hechos.
2.- Por ahi mismo, ve a PLANTILLA y luego a Edición de HTML. Estando alli en tu código busca (con Control+F) un tag o etiqueta que se llame (sin los puntos), y justo adelante de ella (antes de la etiqueta (sin los puntos), inserta el siguiente codigo entre esos 2 tags:
<b:if cond=’data:blog.pageType == “item”‘>
<style
type=’text/css’>
.fullpost {display:inline;}
.summarypost {display:none;}
</style>
<b:else/>
<style type=’text/css’>
.fullpost {display:none;}
.summarypost {display:inline;}
</style>
</b:if>
Cuando pegues eso, guardas los cambios.
3. Ok, ya esta lista la configuración de tu blog, ahora lo que sigue es lo que vas a poner en tu post o articulo cada vez que quieras hacer este truco. Lo que vas a hacer es pegar (en vista HTML) el siguiente código:
Como ves, el codigo casi que se explica por si solo. Donde dice ” **** PARTE VISIBLE ***** ” vas a poner el texto o lo que sea que quieres que siempre se vea, la parte visible a la persona que por primera vez ve el articulo. Donde dice ” **** PARTE ESCONDIDA **** ” va la parte que se va a ver una vez que le demos click en el botón o link de “Sigue Leyendo…”
Ahora lo que vas a hacer es publicar el articulo, y enseguida de esto, vas a ir a verlo ya publicado, PERO, no hemos terminado. Lo que vas a hacer ahora es copiar el link directo de tu post, como se hace esto? Dandole click en el titulo y copiando la dirección que sale en la barra de direcciones. Una vez que tengas esa dirección, te devuelves a editar el articulo y donde dice {link-de-la-entrada}, vas a copiar la dirección.
Ahora si, guardas el articulo y LISTO! Ya podés ir a ver como quedó.
Si tenes dudas, comentarios, o simplemente no te funcionó, hazmelo saber.
Pura Vida
h3dicho
41 Responses to “El truco del "Sigue Leyendo …"”
marzo 24th, 2009 at 1:51 PM
Hola. He tratado de insertar el truco, pero me sale lo siguiente: Mensaje de error de XML: Open quote is expected for attribute “{1}” associated with an element type “cond”.
Ahora, el otro problema es que en la plantilla que tengo puesta sale de por sí, bajo cada entrada un “Continuar leyendo” y no pude encontrar dentro de HTML dónde configurarlo. Las entradas se ven completas, así tal cual las escribo.
Porfis, ayudenme ><
enero 6th, 2009 at 12:02 AM
Waaaaa!!!!! Muchísimas gracias!!!! La verdad es que estaba buscando esto por todos lados y nomás no encontraba cómo hacerle, pero ya lo probé y me funcionó!!!!!Muchas gracias!!!!
noviembre 27th, 2008 at 8:16 PM
me mate bucando casi todao un dia copiando y pegando codigos y es que para uno que es cero html me resulta duro pero encotre tu post estoy muy agradecido gracias ticoblogger me funciono
octubre 27th, 2008 at 7:29 AM
Genial muchas gracias claro y conciso, menos mal que alguien sabe explicar las cosas sin tanto argotUn 10 para ti campeon
octubre 7th, 2008 at 9:32 AM
por favor ayudarme como pa tontoshago todo me sale todo pero lo de sigue leyendo me sale debajo y le pinchas y te lleva a errorcomo se pone el link del enlace y dónde y que parentesis se quitan yo no veo parentesisgracias
octubre 4th, 2008 at 12:20 PM
ok ya lo vi donde lo dice , pero una pregunta eso va despues de donde dice [link de la pagina] o borro donde dice link de la pagina y pego la direccion de mi entrada?
octubre 4th, 2008 at 12:03 PM
me funciono casi todo hasta que me pidio que vuelva a editar la entrada despues de publicarla, luego me dice que copie la direccion de la entrada y la inserte en donde dice link de la entrada pero no lo veo eso l-i-n-k d-e l-a e-n-t-r-a-d-a
agosto 19th, 2008 at 2:47 AM
agosto 18th, 2008 at 6:55 PM
este truco si me sirvio despues de buscar muchos este sirvio en la plantilla de mi blog muchas gracias
agosto 10th, 2008 at 9:40 PM
Aunque no veo como afecte lo mas probable es que hubiera ddo error en el html,pero na ya s soluciono
agosto 10th, 2008 at 9:38 PM
Ya lo solucione el poblema estba en el ultimo Span Xdd
agosto 10th, 2008 at 8:04 PM
Mario: Revisaste en edición html que el código del sigue leyendo esté después de la referencia a tu imágen?
agosto 10th, 2008 at 7:45 PM
Men a mi me funciana pero con las imagenes hay un problema por que siempre sale debajo de Seguir leyendo.
agosto 9th, 2008 at 1:04 PM
por favor necesito ayudano me saleme marca erro en la panillapor favor espero tu respuestajorge
julio 20th, 2008 at 10:41 PM
Mae, pura vida, qué buena nota. Muchas gracias.
mayo 26th, 2008 at 3:16 AM
Intenté de todo pero no me funcionó. sigo exactamente todos los pasos pero luego al clickear en el “sigue leyendo” (que tiene el link de la entrada) sigue apareciendo la primera parte del post y la segunda… nunca.En qué le estoy errando? será mi plantilla?Please ayuda!
mayo 5th, 2008 at 2:34 PM
Gracias por tu aporte. Despues de intentarlo varios veces me ha funcionado. Te lo agradezco en nombre de todos
abril 26th, 2008 at 11:19 PM
Gracias!. Hace tiempo intento poner este código y todo me dá error.Tu explicativo ha sido el más acorde a mi plantilla, pues es el que ha funcionado. Muchas gracias!!
marzo 29th, 2008 at 9:29 PM
graciassssssssssssssha sido de mucha ayuda!=)
marzo 11th, 2008 at 8:45 AM
me funcionacasi una mañana pero lo he logradomuchas gracias por tu aportesi quieres exar un vistazo,asi me quedo.graciaaaaaaaahttp://www.pontenova.es/
enero 24th, 2008 at 10:40 PM
HOLAA. GRACIAS POR ESTE TRUCO … ESTA MUY BUENOO … A VVER SI CHEKAN MI BLOG :http://noche-de-brujas.blogspot.com/ES UN BLOG SOBRE TEMAS ESOTERICOS, MAGIA BRUJAS Y TODO LO DESCONOCIDO QUE DEBE VOLVERSE CONOCIDO :pUN SALUDOTEE CUIDENSE MUCHO
enero 8th, 2008 at 11:29 AM
Hola! tengo un problema, hago todo lo que tu dices pero cuando voy a ver el resultado sale el “sigue leyendo” y abajo se ve el resto de la entrada, he puesto en practica mil metodos que he leido y nunca me ha funcionado nada.
octubre 28th, 2007 at 2:22 PM
Lo apliqué en este blog:http://crearempleo.blogspot.com
octubre 28th, 2007 at 2:20 PM
Muchas gracias por la información, me funcionó perfectamente.
octubre 4th, 2007 at 2:15 PM
Hola…Me funcionó perfectamente…Gracias a Maestro y a Graciela, pues yo soy uno de los que no maneja bien el HTML. Una pregunta más…¿Existe la posibilidad de que al hacer click en “Sigue leyendo” simplemente se extienda el texto hacia abajo sin mover la estructura del blog?…Just asking…!Gracias de nuevo
septiembre 5th, 2007 at 5:13 AM
De nada maestro! En su ayuda del leer más no figura la configuración automática que he visto en otros blogs. ¿Se puede hacer o no funciona así? Otra cosita…quisiera que me ayude a bajar el título y la descripción de mi blog, porque ambos tapan parte de la imagen.Por si quiere verlo: http://unaprofetecno.blogspot.com Saludos y gracias!
septiembre 4th, 2007 at 11:37 AM
Gracias, Graciela por tus aportes. Y es que revisando el código html puesto en esta entrada , tienes razón, se presta para confusión.Aunque para que el código html de vinculo funcione tiene que estar obviamtente sin Parentesis, si alguien no tiene conocimientos básicos de html es claro que se va a confundir.Por lo que sería bueno que en maestroweb publiquemos un tutorial de html básico para bloggers.Tuanis
septiembre 4th, 2007 at 7:06 AM
Héroe anónimo: si todavía no encontraste la solución a tu problema aquí va: Configuración Básico Mostrar vínculos…(tildar Sí)Guardar.De todas maneras habilitar o no esta opción no cambia la manera de funcionar del truco, quiero decir que no es necesario habilitarla (ya lo probé).Después de hacer todo lo que indica el maestroweb, yo no lograba que haciendo un clic en el “Leer más…” me llevara a la parte escondida de mi post y no entendía porqué. Sencillamente hay que quitar los signos de paréntesis, o sea que el link que lleva a la parte escondida tiene que quedar encerrado entre comillas sin los paréntesis.Así me funcionó y aclaro que esto lo pude hacer después de mucho buscar por otros blogs de ayuda.¡Gracias maestroweb!Saludos a todos(por si queda alguna duda de mi explicación podés escribirme a [email protected])
agosto 6th, 2007 at 8:27 PM
Man no encuentro el pinche Link a entrada???Espero que me respondas pronto…
julio 13th, 2007 at 12:17 AM
bien! el d ahora si funka
julio 11th, 2007 at 1:14 AM
Mae, me parece q hay un error, en el texto d abajo no es (sin los pts…)?”2.- Por ahi mismo, ve a PLANTILLA y luego a Edición de HTML. Estando alli en tu código busca (con Control+F) un tag o etiqueta que se llame (sin los puntos), y justo adelante de ella (antes de la etiqueta (sin los puntos), inserta el siguiente codigo entre esos 2 tags:”
junio 26th, 2007 at 10:21 PM
BUENA IDEA. LO INTENTARE, AVECES YO HAGO POSTS MUY MUY LARGOS.. Y ES VDD SI DA HUEVA CUANDO VEZ ALGO MUY EXTENSO… ESPERO ME SALGA..
junio 24th, 2007 at 8:01 PM
Mae si q mal, es q yo no me quiero pasar xq ya me acostumbre a decir blogspot… pero seguro desde julio me paso a wordpress y voy a tener q empezar a buscar q se puede hacer ahí
junio 23rd, 2007 at 6:03 PM
Mae, no , TCJ ..generalmente los ticobloggers somos todos Blogger2Tuanis
junio 23rd, 2007 at 5:34 PM
Si alguien sabe si en wordpress sirve o hay algo similar sería una ayudota!
junio 22nd, 2007 at 9:47 PM
gracias maestro… ese post fue inspirado por mi! jaja, pero ya capté, ya capté!
junio 22nd, 2007 at 1:00 AM
Mae hice todo lo que utd puso y el codigo no me funko, me dio error. No sabe si será mi template o otra cosa…
junio 21st, 2007 at 12:25 PM
jaja mae, luego de haber seteado tu blog, la segunda vez ya no es tanta la breteada se los aseguro, lo que le puede ayudar a uno es poner el template del post para nada mas llegar y tenerlo listo
junio 20th, 2007 at 12:17 PM
Gracias a Dios que escribo Nanocuentos, por que si no que breteada!! jajaja Tuannis
junio 20th, 2007 at 10:36 AM
Para eso estamos
junio 20th, 2007 at 4:25 AM
T.V. Gracias por el post. Siempre pensé que se podía configurar para que se haga automáticamente. Pero veo que hay que hacer un paso extra a cada entrada.Un día de estos lo intento. Gracias de nuevo.