Me lo han preguntado unas cuantas veces y ya que ayer me lo recordaron de nuevo, voy a explicarlo.
Tengo que decir que muchos trucos de este tipo podéis encontrarlos en la propia ayuda de Blogger, aunque también he de decir, que en este caso no está bien explicado y si sigues lo que dicen no funciona.
Vayamos por parte entonces:
Lo primero que debemos hacer es modificar la plantilla, “Plantilla -> “Edición de HTML”, como siempre antes de realizar cualquier cambio realiza una copia de seguridad. Debes “Expandir plantillas de artilugios” y localizar el texto siguiente: <div class=’post-body’>
Una vez localizado incluye debajo el siguiente código:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
Una vez hecho sólo tienes que localizar el siguiente texto: <data:post.body/> y añadir justo después:
<a expr:href='data:post.url'>Leer más...</a> </b:if>
El resultado final debería ser el siguiente:
<div class='post-body'>
<b:if cond=’data:blog.pageType == “item”‘>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href=’data:post.url’>Leer más…</a>
</b:if>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>
En rojo está lo que hemos añadido. Ahora sólo tienes que guardar la plantilla.
Para dividir los posts hay que añadir una etiqueta en las entradas que define cuál quieres que sea el extracto de la entrada que se muestre antes del “Leer más”.
Para ello sólo tienes que escribir el texto inicial y el resto encerrarlo dentro de:
<span class="fullpost"> <---Segunda parte del texto ---> </span>
De manera que, si en el área de creación de entradas de Blogger escribieras lo siguiente:
Texto inicial <span class="fullpost"> Texto secundario </span>
En tu blog aparecería lo siguiente:
Texto inicial
Leer más…
Y al pinchar aparecería, “Texto Inicial” seguido de “Texto secundario”.
Incluir la etiqueta automáticamente.
Existe también la posibilidad de, que por defecto y para no tener ni que acordarte ni que escribirlo una y otra vez, hacer que la etiqueta aparezca automáticamente cada vez que quieras crear una entrada.
Simplemente vas a “Opciones -> Formato” y en en el cuadro de texto de “Plantillas de entrada” añades <span class=”fullpost”> </span> y guardas los cambios. Ahora cada vez que abras el editor aparecerá automáticamente la etiqueta.
70 Comentarios
Hola,
Yo cuando usaba blogger (ahora WP) utilicé este código. Funcionaba bien.
http://historiasdeldiaadia.com/blog/2006/05/18/mejorando-el-blog-...
Salu2
¡¡Graciaaaaaas!! No sabía cómo se hacía y me interesaba, no para todos los post, sólo para algunas entradas largas.
Gracias Dimas! Eres muy amable.
Estoy un poco frustrado, no consigo cambiar nada de mi plantilla (también intento introducir Adsense n los posts), pero siempre me da errores. ¿Algún consejo?
Al hacer ésto me dice:
Open quote is expected for attribute “cond” associated with an element type “b:if”.
Y tengo exactamento lo que tu pones arriba
Muy bueno, bien explicado y fácil de seguir.
Saludos Santiagueños.
Alvaro, también me pasó a mí. Lo que pasa es que al hacer un copy-paste de esta pantalla a la plantilla del blog me ha cambiado los apostrofes por un comilla inclinada que se corresponde con “abrir apóstrofe” o “cerrar apóstrofe”. Escribe tú los apóstrofes y las comillas.
Dimas, yo lo he puesto y he acabado quitándolo porque fastidia la navegación. Una vez puesto este artilugio, cada vez que se pincha en un enlace, al retroceder se va a la cabecera de la página y no al párrafo en que estaba el enlace que habías pinchado. Resulta terriblemente molesto.
¿Hay alguna manera de solucionarlo?
Gracias!! espectacular la explicación, facil, rapida, practica! habia visto en la web otras formas de hacerlo pero nunca tan facil como ésta.
Muchas Gracias desde Colombia!
Sí me parece muy útil, ya que evitas así que el lector, si esa entrada es larga, tenga que destrozarse el dedo bajando por el blog para leer la siguiente entrada.
Ahora ando buscando algo similar para colocar en mi blog de Wordpress pero no encuentro nada. ¿Alguien sabe cómo hacer eso mismo en WPress? Y ya puestos,¿cómo incrustar (embed) vídeo y flash alojados en págs de servicios web (tipo ‘twango.com’) en una web del Wordpress oficial? Tengo Wpress como sistema en mis blogs y basta con pegar el clásico código, pero eso mismo no funciona en las págs que tengo en la web oficial de Wpress (dicen que para no hacer cosas malas…).
Gracias.
Funciona muy bien, mi problema es que el “leer más”, me aparece en todos los posts, incluso en aquellos que no necesito utilizarlo porque son muy breves. En los post que no es necesario ¿como puedo eliminar el leer mas”?
Como hago para poner leer mas en la antigua plantilla de blogger?
Hola
Mi duda es la misma que la de MEC, yo sólo quiero que salga el “leer más” en algunas de mis entradas.
¿cómo puedo hacerlo?
Mil gracias.
Haciéndolo como digo en el artículo solo aparece en las entradas que vosotros queráis añadiendo la etiqueta:
<span class=”fullpost”> <—Segunda parte del texto —> </span>
Si no lo añadís no aparecerá.
Saludos!
Pues me temo que a mi me ocurre lo mismo, sale el “leer más” en todas las entradas. Tal vez sea debido en que en todas mis entradas hay un
opps… le di al enter muy pronto, sorry
bueno… que uso en todas las entradas otros códigos que incluyen span /span (para la letra inicial del post)y tal vez blogger lo interpreta como el código de “leer más”.. he mirado lo de opciones y no tengo nada en la plantilla de entrada…
Genial explicación… pero cuando agrego a la plantilla ese codigo y al guardar, desaparece lo escrito en mi blog…
Qué será?
Buenas tardes Dimas, hemos comenzado con el blog hace poco tiempo. Me parece excelente tu explicación, pero…algo he hecho mal, porque pone el leer mas al final de la entrada. Podrías ayudarnos?, gracias de “Palomas de Papel”.
Graciela: comprueba que el texto que quieres ocultar en la pagina principal esté entre las etiquetas de span class=”fullpost”.
Julio: no se lo que puede ser, comprueba que no has cometido ningún error al seguir el artículo
Hola utilice este codigo en mi blog, si sale el “Leer mas…” pero no como deberia ser porque supuestamente en la entrada se debe mostrar unas 5 lineas de texto y al dar clic en Leer mas te debe salir el texto completo ¿verdad? pero en mi blog sale todo el texto completo y luego Leer mas , asi que chiste Respondeme a mi correo por favor
Bueno, solo les puedo decir que esta y su variante hermana ( la que abre el post sin cargar otra página ) son un arma de dobe filo.
Por un lado tienes el beneficio de poder poner más post y no tener que perjudicar a tus usuarios con el tiempo de carga.
Por otro lado, si pones mal el código o dentro de las etiquetas ( html ), terminaras IMPOSIBILITANDO la visualización de tu blog en Internet Explorer 6 ( lo que usa mucha gente ).
http://blog.exolimpo.com
Dimas, hice todo lo que indicaste en la primera parte de tu explicación.
Pero algo no funciona: no puedo cortar el texto. Si creo una entrada nueva, me aparece tal cual: . Hice 10 pruebas, pero salvo que se trate de un sólo párrafo, sin cortes, tooooodo aparece en la página principal, no logro hacer que el texto se corte donde yo quiero.
Alguna sugerencia?
rache: pero la segunda parte del texto, la que quieres ocultar, la metes entre <span class=”fullpost”> segunda parte del texto </span> , porque así no debería darte ningún error.
Hola:
A mí me pasa como a la gente que ha comentado arriba. Yo sólo quiero que los post más largos sean los que tengan la opición de leer más (no tengo problema para dividirlos) pero también me sale el enlace por defecto en aquellos que son muy pequeños y no quiero dividir.
¿que debo hacer?
Dimas, simplemente no me sale… Tengo que hacer o no algun enter o dejar/no dejar espacios entre y ? Escribo todo primero, luego corto y pego, etc? Te pregunto porque debe haber algo que esté haciendo mal…
Gracias por tu enorme paciencia.
Rache
Parece que no salió en el mensaje anterior, la pregunta era entre desde que abre hasta que cierra el artilugio: y
Gracias de nuevo
Me sale error
HTTP 404
Lo hize en Mozilla y funciono, pero ahora me pasa lo mismo que a los demas me sale en todos los post
hola pongo el codigo tal cual y me guarda la plantilla pero ahora no me sale el texto de los post en la pagina principal osea sale en blanco todo
Gracias….funcionó a la perfección.
Gracias por el codigo, pero el automatico me lo pone al final , por lo que tengo que hacerlo manaulmente, si tienes alguna forma de corregirlo te lo agradeceria.
Saludos
Me sucede como a la mayoria: “leer mas” me sale en todos los post y no solo en los que pongo el texto a ocultar entre codigos.
Como puedo solucionar esto?
coño amigo disculpa el abuso pero apenas se prender le PC, pregunto si te pones en contacto conmigo me podrias tu hacer el favor de ponerme le vincuo “leer mas” si no te molesta muchas gracias
se me ocurrio una idea si te mando el HTML y tu me lo devuelves arreglado no puedo implatarla en la blog?
no jodas man por mas que busco esa wea no veo nada y ciego no soy cuando te dignes contestame a ver si me pudes ayudar
Mmm, no sé cómo ponerlo para que se vea, así que subo la parte desde “div” hasta “/div” en un txt para los que se lo quieran bajar.
Donde dice “Ver artículo completo” pueden cambiar por lo que quieran que se muestre (”Ver más”, “Continúa…” o lo que quieran poner).
Fullpost.txt
¡Saludos!
Hola… sabes bueno tu manual del truco.. pero en el HTML de mi blog no aparaceia tal cual tu lo pusiste, y al agregar los codigos, se me borraban todas las entradas… no se veia ninguna…. no se que paso… me das una mano?
Lo he intentado, pero no funciona con mi plantilla…
De hecho, no encuentro
y en su lugar tengo:
Pero si pongo el código que dices, se ve que algún caracter no le gusta y no sale bien…
no me funca no caxo hice todo lo que digiste y nada
Buen tuto ^^
http://nomosys.blogspot.com/
Yo soy una chica Wordpress, y ahora estoy comenzando a utilizar Blogger y con todos los tips y How To de Blogomundo e podido cambiar y optimizar mi Blog de Blogger.
Gracias por todo
HULAS, SALUDOS DESDE VENEZUELA.
LO INTENTE DE AMBAS FORMAS: MODIFICANDO LA PLANTILLA, ME SALIO LEER MAS, PERO AL FINAL DEL TEXTO… EN LA SEGUNDA OPCION, PREDETERMINAR LA PLANTILLA EN BLANCO, PUES ME SUCEDE AL REVES, EL TEXTO QUE PERMANECE OCULTO ES EL PRIMARIO, O SEA, COPIO:
COMO RESULTADO OBTENGO:
TITULO DE ENCABEZADO
(ESPACIO EN BLANCO QUE SE SUPONE DEBERIA SER EL TEXTO PRINCIPAL)
(TEXTO SECUNDARIO QUE ES EL QUE NO DEBERIA APARECER)
GRACIAS POR LA AYUDA… BESITOS…
TEXTO COMPLETO: HULAS, SALUDOS DESDE VENEZUELA. LO INTENTE DE AMBAS FORMAS: MODIFICANDO LA PLANTILLA, ME SALIO LEER MAS, PERO AL FINAL DEL TEXTO… EN LA SEGUNDA OPCION, PREDETERMINAR LA PLANTILLA EN BLANCO, PUES ME SUCEDE AL REVES, EL TEXTO QUE PERMANECE OCULTO ES EL PRIMARIO, O SEA, COPIO:
COMO RESULTADO OBTENGO:
TITULO DE ENCABEZADO
(ESPACIO EN BLANCO QUE SE SUPONE DEBERIA SER EL TEXTO PRINCIPAL)
(TEXTO SECUNDARIO QUE ES EL QUE NO DEBERIA APARECER)
GRACIAS POR LA AYUDA… BESITOS…
hola… no he podido activar esa funcion en mi blogger,ya la tengo colocada en mi plantilla pero cuando voy a creacion de entradas no me sale para el texo inicial ni para el secundario, no se que paso alli… asi que si me pudieran ayudar con eso se los agradeceria vale.
cuidensen chao….
muchas gracias, lo estaba buscando a este tips, y lo encontré aquí. Funcionó. Saludos.
a los que dicen que les sale en todos los post, inclusive en los que no quieren “dividir” es porque fue insertado el span full=post y /span en la plantilla del post (en configuración), por eso por defecto, por ser “plantilla” se agrega en todas las entradas. Si no es utilizada, queda al final…
saludos y gracias de nuevo
hey, apliqué esto a mi blog, pero me aparece la opción seguir leyendo en todas las entradas, aunque no tengan datos ocultos depues de la entrada… como soluciono esto?
Quiero poner leer mas en mi blog y por mas que busco no encuentro el código que mentas para poder sustituirlo. ¿a que se debe esto? ¿estaré utiliando otra pantilla diferente a la que dices? ten en cuenta que el blog lo hice a finales de mayo.
Saludos.
no encuentro el texto en la plantilla de mi blog
¿alguien me puede ayudar?
muchas gracias
Muchas gracias, ahora ya se como hacer una entrada larga y que no aparezca todo… en cada erntrada
Gracias por este tutorial, en verdad me sirvio de mucho… Gracias
en mi plantilla no encuentro la ubicación dame alguna guía por favor
Hola dimas muy buena la entrada, es la que andaba buscando, sin embargo en mi plantilla no sale div class=post-body, lo mas cercano a ello que tengo es div class=post-body entry-content, como deberia hacerlo?
Desde ya muchas gracias
LO DESCUBRÍ!!! A LOS QUE NO LES FUNCIONO BIEN ES ASI, CUANDO COPIEN ESTE CODIGO CAMBIEN LAS ‘ OSEA BORRENLAS Y PONGAN LAS DE USTEDES Y DESPUES LAS COMILLAS DEL TAMBIEN Y LISTO ANDA
Me ha funcionado muy bien, pero creo q no funciona si tu explorador es FIREFOX. En Internet Explorer si se ve la forma resumida, pero en FireFox igual se muestra el artículo completo, sino usen de ejemplo mi blog, tanto en IE como en FF:
http://kokyjabn.blogspot.com
el dichoso leer mas me sale en todos los comentarios, tanto si quiero que sea un testo corto o largo
como puedo decidir cuando quiero que salga y cuando no?
A mi no me funciona el codigo, por mas que lo intento y nada que me queire guardar la plantilla.
Ayuda porfavor.
Gracias. Bueno, aún sigo intentandolo, pero por lo menos he descubierto algo. Al que no le salga, que intente ver si al cortar y pegar el código de , las comillas que ha puesto las reconoce blogger, es decir, que las escribais de nuevo. Por lo menos, eso me ha servido a mi.
A parte, si poneis ese código en opciones; Plantilla de entrada: siempre va a salir leer mas…
Muy buena la explicación, mi duda es la siguiente, no es justo del mismo tema pero se asemeja. Existe alguna posibilidad de tener en el post que aparecera en el “home” de mi blog una sola foto y dentro del post mas fotos? La funcion seria como la del “leer mas” pero con fotos. Bueno, muchas gracias de antemano, espero alguien me pueda ayudar. Saludos
puedo agragar leer mas al texto y funciona pero me aparece bastante separado del texto alguien sabe porque sucede esto y si me puede ayudar conla solucion…
Hola, por más que he buscado en mi plantilla no existe el alquien sabe decirme porqué? Y si es posible cómo solucionarlo, ya que soy incapaz de implementar el Leer más… en mi blog.
Un saludo
variopoint.es
Muy bueno el artículo aún así a mí no me acabó de funcionar y lo hice así:
http://www.oscargp.net/2008/04/agregar-leer-mas-o-un-read-more-al...
Intentando poner en el blog para que se acorten las entradas (leer más..) había que tocar la plantilla del blog. He hecho tal y como me decían las instrucciones… le doy a “Expandir plantillas de artilugios” y localizo el texto siguiente:
Una vez localizado incluyo debajo el siguiente código:
.fullpost{display:inline;}
.fullpost{display:none;}
Una vez hecho esto localizo el siguiente texto: y añado justo después:
Leer más…
Bien, pues le doy a guardar y le doy a ver blog (aún no se tenían que ver los
cambios) pero la sorpresa ha sido que no se veía ninguna entrada y había bastantes
he intentado volver atrás y buscar lo agregado pero no está, también he buscado
supondría que estaría alado, pero tampoco está. ¿Qué hago?
No puedo ver ninguna entrada pero lo que está en los laterales sí, pero es necesario
todo porque se trabaja a partir del blog.Por favor contestar lo antes posible, Gracias
funciona tambien ese codigo para wordpress??
mi problema esque estaba en blogger pero adquiri un dominio y uso wordpress, pero quiero ponerle esa funcion ala pagina.. como le hare..?
He hecho todos los pasos pero en el último >> Para ello sólo tienes que escribir el texto inicial y el resto encerrarlo dentro de:
…..
Desde ahí ya no me salía, entonces, quise quitar todo lo que ya había echo y no me deja :S…y ahora no se me quita lo de “leer más..”
¿Qué puedo hacer?
Hola!!!
Tengo un problem…. com lo que le sucecio a hevert:
Hevert
18 de Junio, 2007 - 6:59| Permalink
Hola utilice este codigo en mi blog, si sale el “Leer mas…” pero no como deberia ser porque supuestamente en la entrada se debe mostrar unas 5 lineas de texto y al dar clic en Leer mas te debe salir el texto completo ¿verdad? pero en mi blog sale todo el texto completo y luego Leer mas…….
Espero que me puedas responder a mi correo
Felicitaciones. Es sin duda la explicacion mas sencilla que he encontrado para resolver este tema. Keep in the short grass!
Gracias!! Me funciona super bien!!
Hola en mi blos copio todos los codigos los vuelvo a escribir y todo pero solo en dos de mis entradas sale bien el leer mas en las otras sale al final de la entrada asi trante de acomodarlo bien igual no sale, quien me podria ayudar???
Hola amigos, yo ya hace un tiempo que uso el script de leer mas y hoy veo que de golpe sin haber tocado nada en absoluto me sale en todas las entradas!!! si iba bien hasta ayer, ¿será cosa de blogger? estarán haciendo algo? a ver si alguien tambie´n le pasa ahora mismo
Gracias, funciona OK.
Yo lo aplique en mi blog y funciona perfecto, solo que para agragarlo a entradas viejas tube que cortar el texto, pegarlo en word, convertirlo a texto simple y luego pegarlo nuevamente en el editor de texto del blog. Lo tenia que pegar en edicion html y entonces ahi le pongo el codigo y . Guardo la plantilla y luego edito nuevamente para acomodar el texto con la fuente, las fotos y los videos. Si no sigo estos pasos exactos me pasaba lo de Elexombo que salia todo el texto completo y al final el Leer mas.
3 Trackbacks
Cómo poner en Blogger un enlace de “Leer Más”…
Particularmente no me gusta la opción de “Leer más”: estás leyendo una entrada y de repente tienes que hacer un click adicional para continuar la lectura, pero también entiendo que ayuda — y mucho — a reducir el tamaño fina…
[...] Truco: Crear entradas ampliables en Blogger Nombre del blog: ayudaparaelblog.blospot.com También en: blogmundi.com [...]
[...] “Leer más” en Blogger. [...]