Opcion "Leer mas..." | Oloblogger Si acostumbramos a hacer entradas un poco largas (más de tres o cuatro párrafos), nuestra pantalla inicial (home) puede llegar a ser un calv...

30 de noviembre de 2008

Opcion "Leer mas..."

Si acostumbramos a hacer entradas un poco largas (más de tres o cuatro párrafos), nuestra pantalla inicial (home) puede llegar a ser un calvario para los lectores que buscan algo concreto. En este caso, podría ser conveniente mostrar un pequeño resumen de cada post y que sea el lector el que elija si ver el resto de la información o no.

En resumen, el truco que se explica a continuación, mostrará las primeras líneas redactadas (a nuestro criterio) y a continuación un enlace para ver el post completo. Este esquema se repetirá en todas las entradas donde elijamos. Crearemos una clase llamada fullpost y todo lo que encerremos dentro, sólo será visible si se accede al permalink (la dirección concreta del post). Una vez más, es un truquillo antiguo, pero que muchos seguís preguntándome por correo cómo se hace, así que allá va.

En primer lugar, con artilugios expandidos, buscamos <div class='post-body'... El código a insertar se muestra en color verde.

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>.fullpost{display:inline}</style>
<p><data:post.body/></p>
<b:else/>
<style type='text/css'>.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>

Una vez hecho esto, tendremos definida para siempre una clase (fullpost), que hará que lo que esté contenido en ella, no se vea si estamos en una página distinta de la del propio post, como sucede en el caso de la página Inicio. Lo que ocurre es que para que funcione con el efecto deseado, al redactar un post tendremos que incorporar esta clase manualmente. Nosotros elegimos que parte enseñar y que parte ocultar, en la forma...

Aquí irá todo el texto que siempre será visible (normalmente el principio, a modo de resumen)
<span class="fullpost">
Aquí vendrá el resto de la entrada, que no se verá en la página Inicio.
</span>

Esto hará que el post quede así:

Aquí irá todo el texto que siempre será visible (normalmente el principio, a modo de resumen)
Leer más...

Y cuando pinchemos en el enlace "Leer más...", se accederá al post completo.

Para automatizar al máximo la tarea, podemos ir al Panel de Control y en Configuración-->Formato, encontrareis un recuadro en blanco con el título Plantilla de entrada. Ahí tecleais...
VISIBLE
<span class="fullpost">
OCULTO
</span>

...y cada vez que creeis una entrada, os saldrá ese texto para no tener que estar recordando qué era lo que había que poner. Evidentemente, las palabras VISIBLE y OCULTO se tendrán que sustituir por los contenidos que queramos mostrar siempre y los que queramos esconder, respectivamente.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

109 comentarios :

  1. Fenomenal, buscaba este truco hace tiempo, pero me resultaba algo tedioso tener que buscar el código cada vez que quería hacerlo. ( No tenía ni idea cómo podía automatizar la tarea ). Muchas gracias, muy útil. Funciona correctamente

    ResponderEliminar
  2. Lo que ocurre Fernando, es que ahora tendrás que retocar los posts antiguos si los quieres todos con este sistema... ¡y me ha parecido contar más de 100!

    Casi mejor que lo hagas a partir de ahora. Para probar, prueba sólo con los 5 últimos

    ResponderEliminar
  3. si funciona excelente pero ¿sale al final de todas las entradas el leer más y esto puede despistar cuando NO hay un leer más...? de todasd maneras gracias por facilitarnos la vida

    ResponderEliminar
  4. Me funciono de lo mas bien muchas gracias
    otra consulta si me puedes decir como eliminar el boton comentario(n°) que sale a pie de las entradas por favor

    a y como puedo agregarle un icono al lado del autor del comentario

    y otra pregunta cuando me meto a dejar un comentario en mi blog me sale esto
    " This entry was posted on 19:31 and is filed under . You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site. "

    Como lo puedo sacar

    Muchas gracias

    ResponderEliminar
  5. Villapaul: Se supone que si usas este sistema es porque todos tus posts van a tener la opción "Leer más"

    JogEUC: ¿No quieres comentarios en tus posts? Casi, casi que dejaría de ser un blog... En fin, entra en Configuración-->Comentarios y selecciona en "Opción predeterminada de comentarios para entradas", "Las nuevas entradas no tienen comentarios". También lo puedes hacer individualmente para cada post al crearlo, desplegando el "Opciones de Entrada"

    Si no van a haber comentarios no vas a necesitar el icono ¿no¿

    Para lo último mejor me mandas una captura de pantalla cuando te salga eso, porque no sé ni dónde te puede aparecer. Por e-mail...

    ResponderEliminar
  6. No me refiero al Boton comentario en la pagina principal , mira ingresa ami blog y sabras a lo que me refiero

    a y otra cosa me podrias decir como hiciste lo de la barra superior de blogger para que aparesca y desaparesca porfavor
    Saludos

    ResponderEliminar
  7. Hola otra vez JogEUC. Busca la clase POST-COMMENT-LINK y le añades un atributo DISPLAY:NONE; De esa manera no se verá.

    También puedes expandir artilugios, buscare en la parte HTML de tu plantilla y eliminar la parte que muestra esa etiqueta. En este caso, pon una marca y guarda en un bloc de notas lo que elimines por si te equivocas y tienes que volverlo a poner.

    Sobre el comentario en inglés, no sé como eliminarlo o pasarlo a español. Búscalo por si lo tienes asi en tu plantilla y lo borras o lo traduces. Si no está es cosa interna de Blogger.

    Por último, ya he visto que has encontrado como poner la sidebar escamoteable.

    ResponderEliminar
  8. Hola otra vez JogEUC. Busca la clase POST-COMMENT-LINK y le añades un atributo DISPLAY:NONE; De esa manera no se verá.

    También puedes expandir artilugios, buscare en la parte HTML de tu plantilla y eliminar la parte que muestra esa etiqueta. En este caso, pon una marca y guarda en un bloc de notas lo que elimines por si te equivocas y tienes que volverlo a poner.

    ----------------------------------------------

    Hola de nuevo no me resulto lo del boton comentario y elimarlo no se como

    (no sse a que te refieres con agregar atributo solo le agrege DISPLAY:NONE; y no me resulto
    disculpa por mi ignorancia
    por si me puedes decir como agregarle iconos a los comentarios porfa
    Saludos

    ResponderEliminar
  9. los del texto en ingles lo he conseguido eliminar estaba en la plantilla xD

    pero ahora me falta sacar el boton comentario xD

    ResponderEliminar
  10. Hola:
    Hace tiempo que apliqué este truco en mi página y hasta ahora no me había dado cuenta de que no funciona con Internet Explorer 6 y 7. Como yo utilizo Safari pues no me había dado cuenta -con Firefox funciona bien también-. ¿Sabes a qué puede deberse esto?¿os pasa lo mismo a todos o solo a mi?

    ResponderEliminar
  11. Puedes probar en la web de JogEUC y verás que sí funciona en IE. Por lo menos yo tengo el 7 y sí funciona.

    ResponderEliminar
  12. Felicidades por este blog y gracias , soy seguidora desde hace unos días, conseguí poner (leer mas )en mi blog, pero algo hice mal, pues el corrector ortográfico ahora me sale en ingles en vez de español,
    en fin todo en el primer intento, seria demasiado, seguiré experimentando.
    Un saludo a todos

    ResponderEliminar
  13. Muy bien Jose. Ya veo que haces pruebas y cuando te funcionan ya la pasas a tu blog definitivo. Así es como se aprende. Animo que todo es empezar.

    ResponderEliminar
  14. Hola soy nuevo en esto y me es de mucha ayuda,
    GRACIAS!!!

    HTTP://www.blog-gestion-empresarial.blogspot.com

    ResponderEliminar
  15. ¡Me vino de maravilla!
    Despues de buscar un buen rato e intentar con varios codigos, fue el unico que me dio resultado.
    Muchissimas gracias =D

    ResponderEliminar
  16. Tengo posts muy largos y otros cortos en los que no tiene sentido esta función, y me pasa como dice Villapaul ya que a veces puede dar lugar a confusión, pero imagino que no se puede elegir en cuáles aparece el 'leer más' y en cuáles no, ¿verdad?

    De cualquier manera, muchas gracias.

    ResponderEliminar
  17. Así es Lola, con este truco siempre aparece el Leer Más. Si tienes habitualmente entradas cortas, te conviene no usarlo. Está pensado para blogs con habituales entradas de más de dos o más párrafos.

    ResponderEliminar
  18. como puedes poner el blog tan chulo con todas esaas opciones y todo eso?
    excelente blog..........

    ResponderEliminar
  19. @ng3l, estás en el sitio apropiado para aprender a hacerlo.

    Date una vuelta por el blog y también por los enlaces de "Otros sitios de ayuda" en la barra lateral. Todavía encontrarás más cosas de las que has visto implantadas aquí.

    ResponderEliminar
  20. Hola! he descubierto hoy el blog: que maravilla!.

    Verás, lo he puesto todo exactamente como dices ahí. Cuando guardo plantilla, me doy cuenta de que la palabra "item" (que aparece en el codigo), se convierte en esto: "item"

    ¿Porque? :(

    ResponderEliminar
  21. Arreglado ELB. A Blogger no le sientan bien las comillas dobles (") en la parte del HTML. Entonces hay que sustituir cada una de ellas por un &quot;

    ResponderEliminar
  22. Me ha surgido un problema, y es que en mi plantilla el esquema que aparece como modelo para pegar los códigos en el HTML es distinto. Aún siguiendo a pesar de esa diferencia los pasos que aquí se me indican y colocar lo referente al "fullpost" a continuación, el post sigue como estaba con la novedad de tener en al parte inferior un enlace que pone "Leer más".

    A ver si algún alma caritativa me echa una mano. Salud.

    ResponderEliminar
  23. Pues es un poco difícil que te ayudemos Andrés, porque tu blog es sólo para invitados y así no hay forma ni de ver lo que te pasa, ni de ver tu código.

    ResponderEliminar
  24. Cierto, lo siento, despiste mío. Haciendo pruebas he logrado hacer funcionar el sistema, pero ahora me aparece un espacio en blanco entre el texto a mostrar y el enlace al texto oculto. A ver si esta vez me puedes echar un cable...jeje

    Otra cosiña más, ignoro el motivo pero la navbar no me aparece. En su lugar un código tal que éste;

    #navbar-iframe { height: 0px; visibility: hidden; display: none; }

    Siento ser tedioso, pero es que soy lego en Informática y por si fuera peor de Letras...

    Salud, gracias por la atención prestada y enhorabuena por la página.

    ResponderEliminar
  25. Andrés, observo varios FULLPOST en la entrada de prueba, uno por párrafo. Entre ellos hay saltos de línea.

    Con la clase FULLPOST, lo que está entre una pareja SPAN y /SPAN, no es visible, pero lo que hay entre parejas, en este caso saltos de líneas, sí que son visibles. Tienes un hueco equivalente a todos estos saltos de líneas que sobran.

    Sólo hay que poner un SPAN con clase FULLPOST que englobaría a todo el contenido "oculto" (y su cierre, claro).

    Con respecto a la NAVBAR, si lo que quieres es ver la NAVBAR, tienes que borrar el trozo que comentas y también este otro:

    /* Blogger Navigation Bar */
    #Navbar1 {
    margin: 0;
    padding: 0;
    visibility: hidden;
    display: none;
    }

    El siguiente también lo borras. Vale para una NAVBAR semivisible, pero hay otro hack mejor. Cuando lo necesites busca en este mismo blog "Navbar escamoteable".

    <style type='text/css'>
    #navbar-iframe {
    opacity: 0.0; filter: alpha(Opacity=0)
    }
    #navbar-iframe:hover {
    opacity: 1.0;
    filter: alpha(Opacity=100,FinishedOpacity=100)
    }
    </style>

    Por último, estos dos trozos, me parece que los has puesto a propósito para crear una pseudo NAVBAR con tus enlaces. Si no te funciona, bórra ambos y empieza de nuevo.

    Saludos,

    <style type="text/css">#navbar-iframe { display:block }

    </style>

    --------

    <div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
    if(window.addEventListener) {
    window.addEventListener("load",
    function(){ object[attribute] = val; }, false);
    } else {
    window.attachEvent('onload', function(){ object[attribute] = val; });
    }
    }
    </script>
    <iframe src="http://www.blogger.com/navbar.g?targetBlogID=7903466280499005918&amp;blogName=Cr%C3%B3nicas+galaicas&amp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=BLUE&amp;layoutType=LAYOUTS&amp;homepageUrl=http%3A%2F%2Fcronicasgallegas.blogspot.com%2F&amp;searchRoot=http%3A%2F%2Fcronicasgallegas.blogspot.com%2Fsearch" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" title="Blogger Navigation and Search"></iframe>
    <div></div>

    ResponderEliminar
  26. Solucionado lo de la opción "Leer más". Ahora acabo de conseguir que aparezca de nuevo la Navbar, y voy ipso facto a tu entrada sobre la "Navbar escamoteable".

    Muy agradecido. Salud.

    ResponderEliminar
  27. Como puedo alargar la plantilla a lo vertical para que se se puedan poner mas escritos

    ResponderEliminar
  28. No entiendo muy bien tu pregunta, anónimo. Prácticamente todas las plantillas hacen eso de manera automática. Cuanto más escribes, más se alargan.

    ResponderEliminar
  29. Kiro Dice:

    Hola, acabo de leer el articulo. De hecho acabo de encontrar esta pagina gracias a un usuario en yahoo.

    Pregunta: es tan sencillo como pegar el codigo q proporcionas al principio, editarlo y ya?

    Ho q ajustes previos debo de hacer? (es la primera vez q hago un blog, y la primera q trato de insertar dicha aplicación)

    ResponderEliminar
  30. mi problema es que yo tengo un blog en blogger pero el codigo no esta en css o comos e escriba ademas es un plantilla que descargue y la remodele de blogskins y quiero agrega esa opcion pero no se como hacerlo si me puede ayudar se los agradeceria un monton=)

    ResponderEliminar
  31. Kiro: No es que sea sencillo (tampoco complicado), pero sí es cierto que sólo se trata de ir siguiendo las instrucciones e ir añadiendo el código que se indica donde se indica.

    Luego, cada vez que publiques una entrada, tienes que meter cada parte dentro de la clase correspondiente: lo que se verá y lo que no se verá (fullpost).

    Agustina: Lo primero de todo, ni habilitaste tu perfil ni indicas tu dirección, así que es imposible ver nada. De todas formas, en un principio, da igual la plantilla que tengas para implantar esta utilidad. Si es de Blogger, el data:post.body lo tienes que tener en algún sitio.

    ResponderEliminar
  32. Hola de nuevo. Primeramente: espero estes de lo mejor.

    Anteriormente habia preguntado si bastaba con copiar y pegar el codigo. A como intento, me doy cuenta que no.

    La verdad es que le he movido a un sin fin de cosas (en los codigos) y sigo sin encontrar mejoras.

    He checado preguntas anteriores de otros usuarios, verifike lo de las " comillas " y sustitui (segun yo) por &quot (no se de q me habra servido.

    La verdad es que estoy en ceros.

    Podria haber una forma MAS sencilla y simple de explicar esto?

    Cual es la parte del codigo q debo de modificar y personalizar?

    Muchisimas gracias por tu tiempo y tu lectura. Saludos

    ResponderEliminar
  33. Hola Kiro. Sí que es suficiente con copiar y pegar el código, pero tienes que saber qué cortar y dónde pegarlo. Eso es lo que se explica en el post.

    De todas formas, este es un sistema semiautomático, por lo que sólo te saldrá el leer más en los posts en que tu lo añadas a mano, tal y como se explica a partir de "Una vez hecho esto..."

    ResponderEliminar
  34. Hola que tal, tengo una pregunta por un problema referente al tema que aquí se trata.

    Llevo tiempo con este sistema de el leer más y jamás había tenido problema alguno, pero

    hoy concretamente me he dado cuenta de que el leer más me sale en todos los posts por arte

    de mágia y para más inri que es lo que más me fastidia es que en las entradas que asignaba

    esta caracteristica cuando pulso en leer más ya no se abre. Que ha pasado? yo no tengo ni

    idea, si hay alguien que le pase y haya dado con la respuesta, por favor que comente.

    Muchas gracias de antemano. Un saludo.

    ResponderEliminar
  35. Hola Keko. Acabo de probar tu web y veo post de una clase y de otra. Los que llevan el "leer más" funcionan correctamente. Puede que fuera algún problema puntual que ya has solucionado.
    Saludos

    ResponderEliminar
  36. Si Oloman, era por el script que ya no funcionaba, lo busqué en el blog de Rosa que casualmente lo tenía, lo descargué y lo alojé y todo vuelve a la normalidad. Muchas gracias por tu interés, un saludo grande.

    ResponderEliminar
  37. Hola tengo una duda encontre este script en mi plantilla:

    < div class='navbar section' id='navbar'>< div class='widget Navbar' id='Navbar1'>
    < script type='text/javascript'>
    function setAttributeOnload(object, attribute, val) {
    if(window.addEventListener) {
    window.addEventListener("load",
    function(){ object[attribute] = val; }, false);
    } else {
    window.attachEvent('onload', function(){ object[attribute] = val; });
    }
    }
    < / script>

    y no se para que sirve, estoy quitando scripts que hagan lenta la carga del blog, queria saber si este me sirve de algo sino para quitarlo.

    ResponderEliminar
  38. En honor a la verdad, Nakahito es que no sé que es lo que hace, pero por el nombre de la clase (navbar), algo relacionado con la barra superior que Blogger pone en todos los blogs .blogspot

    En tu caso, el código CSS
    .navbar {
    visibility:hidden;
    display: none;
    }
    hace que la barra no sea visible, por lo que supongo que el eliminar esa parte no te provocará ningún cambio. Puedes anularlo con símbolos de comentarios <!-- CODIGO --> por si más adelante lo quieres recuperar.

    ResponderEliminar
  39. gracias lo quite parece que no era nada indispensable gracias . ^^

    ResponderEliminar
  40. Siento si mi duda es una chorrada pero soy absolutamente nueva en esto y no se cómo quitar la opción "leer más" porque no me interesa. NO recuerdo ni cómo la puse pero me sale "Leia mais" en todos los post y no quiero que salga..¿basta con cortar parte del código HTML? ¿qué parte?
    Muchas gracias por tu ayuda y tu magnífico blog

    ResponderEliminar
  41. Habría que saber que tipo de código has usado para montar el sistema y no has puesto un puñetero link :) Una vez que lo sepas, sólo se trata de invertir el proceso que se explica para montarlo. No sé si será este. Por favor... una dirección para mirar.

    ResponderEliminar
  42. Perdona, es que estoy hecha un lio, no tengo problema en encontrar contenidos para el blog pero estas cuestiones no las se resolver. Mi blog es todoesfisicayquimica.blogspot.com

    Muchas gracias de nuevo

    ResponderEliminar
  43. Por cierto, soy la del comentario nº41. Perdona mi pedrada.

    ResponderEliminar
  44. Hola Sara.
    Creo que tienes esta modalidad de "leer más".

    Comprueba si el código que allí se facilita coincide con el que tienes actualmente en tu plantilla y si es así, en ese mismo post podrás ver las líneas que hay que insertar para crearlo. Sólo quitando las que se añadieron ya funcionará normal.

    Luego, tal y como se explica al final, si añadiste en Configuración-->Formato un texto-guía, lo quitas y te dejará de aparecer en los nuevos posts.

    Por último y esta es la peor parte, si quieres dejar limpio el código, aunque no es necesario, puedes quitar de tus actuales posts, la expresión <span class="fullpost">
    y su correspondiente cierre.
    </span>

    ResponderEliminar
  45. Hola Oloman, nuevamente te saludo. Esta entrada está genial pero con la plantilla notepad chaos no funciona, al parecer los codigos son totalmente diferentes ya que div class='post-body' no existe.

    tienes la solución a esto para aplicar fullpost en esta plantilla.

    Saludos.

    Leonardo

    ResponderEliminar
  46. Hola Oloman, encontré la solución en esta página

    http://technicalcontents.com/blog/how-to-create-expandable-posts-summaries-in-blogger/

    Por si alguien más tiene el mismo problema solo hay que cambiar los quotes.

    Un abrazo.

    Leonardo

    ResponderEliminar
  47. Ok Leonardo. Gracias por la aportacion.

    Cuando tengas un rato echa un vistazo a este otro sistema que también queda fenomenal... incluso para Notepad Chaos. Saludos.

    ResponderEliminar
  48. Amigo he aplicado los cambios a mi plantilla para que aparezca el leer mas, hice todo los pasos pero aparece siempre en full el post, te paso la dire: http://kal3d.blogspot.com lo aplique aca: http://kal3d.blogspot.com/2009/10/dance-flick-rmvb-latino.html y no me aparece, me podrias decir que hice mal? Gracias

    ResponderEliminar
  49. Según lo veo KAL3D, el texto que pretendías ocultar, lo has dejado fuera de la etiqueta SPAN CLASS='FULLPOST'. Sólo lo que está dentro permanecerá oculto en la portada y otras páginas.

    ResponderEliminar
  50. hola, te queria consultar como haces para que estos comentarios queden dentro de esta caja color...beige o amarillo grisaseo??

    te agradezco una respuesta a alfonso_cano@live.com

    muchas gracias

    ResponderEliminar
  51. Anónimo, tienes que buscar la clase .comment-body
    Allí simplemente coloca un BACKGROUND de color o de imagen y ya está.

    ResponderEliminar
  52. oloblogger, en alguna parte explicabas cómo expandir/contraer o leer más con las viñetas al costado. Me puedes pasar el link? no sé cómo buscarlo por el título (me refiero, sí, a cómo tú lo tienes en tu blog). otra cosa, qué pasa con las entradas que ya he hecho si implemento el código de expandir/ocultar del tipo que sea? ¿me tengo que ir a cada entrada para poner la parte de código?

    ResponderEliminar
  53. Aunque no estoy muy seguro, creo que es esto lo que buscas. No es exactamente un leer más sino una forma de mostrar sólo los títulos de las entradas (a modo de reumen), para cuando se navega por categorías. El sistema es automático para todas las entradas porque está basado en un script.

    ResponderEliminar
  54. Muchas gracias. Había buscado como hacerlo por otros blogs y siempre era bastante más tedioso y complicado. Con tus notas lo he realizado en 5 minutos. GRACIAS CAMPEÓN.

    ResponderEliminar
  55. Me ha funcionado perfectamente. Venía a los comentarios para preguntar si había alguna manera de que no apareciese en todas las entradas sino solo en las que use el código, pero di con que otras personas ya lo preguntaban y no se puede.

    De todos modos, intentaré usarlo en practicamente todas mis entradas. Así que otra vez, gracias!

    ResponderEliminar
  56. Playsonic2, si lo quieres hacer a discreción, de forma manual, para unas entradas sí y otras no, date una vuelta por este otro post.

    ResponderEliminar
  57. Consulta para el autor:
    - Seguí los pasos recomendados, me aparece la opción de "Leer más", pero cuando le hago clic, la entrada aparece vacía, sin texto alguno.

    Miré en los comentarios si a alguien le había pasado pero no. ¿Me podes guiar, por favor?

    Muy buena la ayuda que ofreces en tu blog. Gracias.

    ResponderEliminar
  58. Ya solucioné el problema: había pegado mal el código a copiar.

    Muchas gracias de nuevo.

    Mariano Dios

    ResponderEliminar
  59. No hay de qué... ¡y nunca mejor dicho! :D

    ResponderEliminar
  60. Hola!!!!
    Yo tengo puesto el seguir leyendo, pero he puesto uno para que solo me aparezca en las entradas que yo quiero, he probado con una entrada para ver como quedaba pero resulta que me aparece el seguir leyendo pero debajo me queda mucho espacio vacio hasta que pone comentarios y queria saber como podia hacer para acortar ese espacio porque si no queda mal que se vea eso vacio.
    mil gracias
    mi blog es:
    esfantastico.blogspot.com y la entrada dodne lo he puesto es la segunda de concursos

    ResponderEliminar
  61. Pues no lo sé Ani, pero porque pruebes algo, lo más probable es que en el propio post se incluyan saltos de línea de más o DIV's innecesarios. Eso puede ir metiendo linas y crearte ese huebo.

    ResponderEliminar
  62. Hola de nuevo:
    Pues agradecerte tu ayuda porque tenia muchos espacios y eso me hacia que me quedara muchos hueco. se los he quitado y listo,fenomenal!
    un saludo

    ResponderEliminar
  63. Hola Oloman !!!
    Aqui de nuevo hinchando....
    Me gustaria hacer las entradas con resumen y leer mas pero con una altura fija como si fuera dentro de "tablas", (umm no se si estoy explicando bien)
    Creo que tu las tienes así, verdad?....es que todos los posts ocupan mucho lugar y se pierden los antiguos...
    (preferentemente con script en la plantilla..no se como guardar un script ji.ji.ji.)
    Mil gracias !!!
    (dale una mirada al blog que ayudaste a construir, con otros buenos amigos blogueros como tú:
    esperanzaparaelautismo.blogspot.com)
    Saludos!!!!
    )

    ResponderEliminar
  64. Hola Gra. No los tengo exactamente como dices, sino con un número de caracteres determinados.

    La manera de hacer esto es otra que se explica en Post en forma de sumarios. Allí tienes toda la información necesaria.

    ResponderEliminar
  65. Graciaaaas!!!. Justo hace un rato lo encontré....Mi duda es que ocurre con los videos, pero lo pruebo y luego te vuelvo a molestar !!!!
    Saludos cordiales!!!!

    ResponderEliminar
  66. gracias me sirvio mucho pero sigo teniendo problemas yo hice lo que me dijiste y a final de cada post me sale leer mas lo que esta super copado pero tengo un problema en la segunda parte de este porceso en lo de visible y oculto lo hice tal cual como me sale pero mas sin embargo me sigue saliendo todo lo que escribo osea no se me oculta nada todo sigue siendo visible que hago??

    ResponderEliminar
  67. Crisrina, esta entrada es algo antigua y requiere incluir código manualmente a cada entrada publicada. Mejor que utilices el sistema del enlace que facilito en el comentario #65. Ese genera un "leer más" automático.

    ResponderEliminar
  68. Oloman, no me funciona!! Inserto los codigos exactemente donde dices pero le doy a previsualizar y lo de "Leer mas" no aparece por ningun lado.

    He probado mil cosas y ya no se que haceeer!!¿Puedes ayudarme, por favor?

    Por cierto, utilizo la plantilla Tina Chen.
    Gracias de antemano.

    ResponderEliminar
  69. Ok, problema solucionado! Solo tengo que darle a "salto de linea".xD Mira que era facil!

    ResponderEliminar
  70. Estupendo Miki. A veces me alegro de no poder atender vuestros correos pronto, porque la mayoría de veces solucionais vosotros solos los problemas y eso es bueno para ambos. Vosotros aprendeis más practicando y yo trabajo menos :D

    ResponderEliminar
  71. Buenos días:
    En primer lugar muchas gracias por todos los aportes, son realmente buenos.
    Mi problemas es que he intentado agregar leer más tal como has explicado pero no funciona.
    Me aparece la imagen de leer más pero nome corta el post. Cuando publico una entrada la publica entera sin cortarla y el icono de leer más aparece abajo.
    Te dejo la dirección de mi blog para que veas como queda ya que una imagen vale más que mil palabras.

    http://wonephe.blogspot.com/

    Por favor, ayudame! estoy ya desesperada, lo he intentado un montón de veces y ya no se que hacer!
    ¿qué debo hacer para que se corten los post por dónde yo quiero?
    Muchísimas gracias.

    ResponderEliminar
  72. WonEphe esta solución es un poco antigua. Desde hace un tiempo, Blogger ya proporciona una herramienta para hacer los cortes en los posts. En este enlace de Vagabundia puedes ver una explicación, ya que yo no he escrito nada sobre ello.

    Todo esto es siempre que quieras hacer un corte a voluntad de manera manual para que sea exactamente dónde te interesa. Siquieres hacer sumarios automáticos, como en la página principal de este mismo blog, entonces tendrás que leer este otro artículo.

    ResponderEliminar
  73. Muchísimas gracias de verdad!
    Por fín lo he conseguido y tenías razón, es mucho más fácil de la otra forma!
    Mil gracias de verdad, llevaba mucho tiempo intentándolo.
    Muy buen blog por cierto!
    Bye Bye

    ResponderEliminar
  74. la verdad que no entendi nada ¿me ayudan?

    ResponderEliminar
  75. Excelente dato !!!! muy bueno este blog, yo estoy de a poco armando mi blog y de acá de sacado varias ideas, mi blog: http://cristianxmaster.blogspot.com/

    Adiós, gracias

    ResponderEliminar
  76. Novela 2011 intento que cuando redacto, se entienda lo que pretendo explicar. Pero si no es así, sólo tienes que seguir las instrucciones.

    ResponderEliminar
  77. muchísimas gracias, todavía no me creo que haya podido encontrar el HTML correcto después de tanto tiempo de buscarlo...
    Repito, gracias Oloman!!

    ResponderEliminar
  78. De nada Lala. Y ahora, si quieres volver a complicarte la vida, pero para que todo ese proceso sea automático y no haya que estar metiendo código a mano en los posts, prueba si quieres este otro sistema.

    ResponderEliminar
  79. Oloman, tengo un problema y es que mi código es diferente y no me aparece esa parte que dices que hay que sustituir. Vi el comentario de otro que tenía el mismo problema y dejó la solución, pero el enlace que ha dejado ya no sirve y de verdad que ésto me viene muy bien porque en mi blog publico los capítulos de mi novela y son muy largos. He buscado en más sitios pero todos siguen los mismos pasos que tú. No sé por qué no me aparece esa parte del código... ¿Alguna idea?
    Gracias de antemano...

    ResponderEliminar
  80. LucíaSadisticMadness ¿Quieres cortar los posts manualmente uno a uno por un sitio exacto a tu discreción o te valdría un código que te presenta los primeros n caracteres de cada post automáticamente?

    ResponderEliminar
  81. Como todos tienen una extensión parecida preferiría que se hiciera automáticamente en todos, mostrando cosa de un par de párrafos...
    Este es mi blog, actualmente estoy recortándolos con el método de "salto de línea" pero no me gusta mucho y preferiría que fuese automático, si tienes alguna solución te lo agradecería.
    http://luchsadisticmadnesshistoria.blogspot.com/

    ResponderEliminar
  82. A ver que tal con este sistema, LucíaSadisticMadness. Es el que uso en mi Home:
    Sumarios automáticos

    ResponderEliminar
  83. Hola!! realmente muy interesante, pero al hacerlo no vi ningún resultado, será que estoy haciendo algo mal? gracias

    ResponderEliminar
  84. Creo que lo hiciste bien SolyLuna, sólo que te faltó la segunda parte. Tienes que poner la parte que no quieres que se vea de primeras entre estas dos etiquetas:
    <span class="fullpost">
    TEXTO A OCULTAR
    </span>

    ResponderEliminar
  85. hola olo , a mi no me sale ese codigo
    en mi plantlla quiesiera saver que plantilla utilisaste

    ResponderEliminar
  86. Aminartu (y los demás que pasen por este antiguo post), actualmente Blogger proporciona una manera de crear un salto de este tipo desde la pestaña Redactar del editor de entradas. Es un icono parecido a un papel partido en dos: "Insertar salto de línea"

    ResponderEliminar
  87. muchas gracias por la info.. lo venia intentando y no me daba resultado.. hasta que encontre este sitio y pude ponerlo.. muchas graciassss!!!

    ResponderEliminar
  88. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  89. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  90. Gracias por el aporte, el único problema es: que aparece abajo de las letras, y seguido como si fuera el mismo post, sé que debe de ser trabajoso para ud, pero necesito de su ayuda, por favor ayudeme. Gracias de antemano.

    ResponderEliminar
  91. Me gustaria que fuera mas o menos asi (algo de palabra LEER MAS...)_____________________
    Y no así (algo de palabra
    LEER MAS...)
    Gracias.

    ResponderEliminar
    Respuestas
    1. Gabriel, este truco es innecesario desde que Blogger incorporó la opción <!--more--> en su editor de entradas. Puedes buscar esa palabra ("more") en el buscador o "jump-link" y verás algunos apuntes sobre cómo utilizarla y cómo configurarla.

      Eliminar
  92. Gracias por la respuesta, en estos momentos me voy de caza. A ver lo configuro justo como me gusta, muy buena su página por cierto.

    ResponderEliminar
  93. Bueno, estuve buscando por sus páginas y casi todos dicen lo mismo,claro con muchos estilos; eso es lo que entiendo, ni modo gracias por todo, por ahora ahí queda.

    ResponderEliminar
    Respuestas
    1. Quizás la más clara para lo que pretendes es esta:
      http://www.oloblogger.com/2011/02/modificar-el-aspecto-del-corte-mas.html

      Primero tendrías que utilizar ese sistema para crear tu corte y luego cambiar las propiedades CSS para ponerlo como gustes.

      Eliminar
  94. hola, oloman; fuí a la dirección que mencionas, y en verdad algo pude hacer, aunque primero malogré mi página ja ja, y tuve que arreglar de entrada en entrada; pero ya; casi está como quiero; y nuchas gracias por su aporte, de verada son muy valiosos. Siga adelante.

    ResponderEliminar
  95. Hola!

    Quería preguntar algo con respecto a la opción Leer más. En la plantilla que implanté hace tiempo, ya estaba incluido esto, y simplemente lo que hacía era copiar y pegar el texto (sin los !, que sino no me lo cogía) en cada párrafo del texto que no quería que saliera en un principio, porque si sólo lo ponía desde donde quería hasta el final no me funcionaba.

    Mi problema es que se crean excesivos espacios entre el texto principal y el Leer más. Ya he visto algún comentario que le pasaba lo mismo, e incluso he borrado los DIV y BR sobrantes, pero ahora incluso me ha salido más espacio al volverlo a modificar.

    Mi blog es: http://janeblack88.blogspot.com.es/ por si le podrías echar un vistazo, o si me podrías decir qué puedo hacer...

    Gracias!!

    ResponderEliminar
    Respuestas
    1. Vale, no ha salido el código que había puesto.
      Corrijo:
      ** y simplemente lo que hacía era copiar y pegar SPAN class="fullpost" en cada párrafo del texto (...)

      Eliminar
    2. El problema creo que no es el fullpost, sino que usas DIV para alinear y saltos de línea continuos. Deberías revisar tus entradas desde la pestaña HTML del editor para detectar todo ese código sobrarnte y poder borrarlo. Por ejemplo, en "Crítica a la trilogía 'Cincuenta Sombras'" hay montones de ellos.

      Eliminar
    3. Gracias por tu respuesta!
      No lo he conseguido solucionar. He borrado los DIV para alinear que me sobraban, y los saltos de línea algunos, no todos, porque sino el texto se me quedaba todo junto. Pero sigue estando ese espacio inmenso entre el texto y el Sigue leyendo. No se me ocurre qué más podría ser. :(

      Eliminar
    4. Creo haber visto algo. El fullpost sólo lo tienes que poner una vez para englobar todo lo no visible.

      Ahora tras comprobarlo, me di cuenta de que dijiste que copiabas ese SPAN en cada párrafo. Sólo has de ponerlo una vez o de lo contrario te genera una línea en blanco por cada párrafo.

      Es más visible en los que tienes más párrafos, como el caso del que te indiqué en mi anterior comentario.

      Eliminar
    5. El problema es que si lo pongo sólo al principio y al final de donde quiero, no me funciona. Ahora estaba mirándome un poco el código, pero es algo distinto a lo que pusiste en tu página, porque como te dije, lo del fullpost era algo que ya venía de la plantilla, pero no me termino de aclarar mucho.

      Eliminar
    6. Bueno, el código de la página no lo he cambiado al final, porque no me funcionaba. He probado a poner el FULLPOST al principio y al final en mis dos últimas entradas y milagrosamente me funciona (siempre que lo ponga antes del /DIV final, porque sino tampoco).
      Pero me sigue sin funcionar en la entrada de "Crítica a la trilogía "Cincuenta Sombras"", he comparado los códigos de esta entrada con las otras dos, y lo veo igualito. No entiendo porqué no funciona. Qué desesperante...!!

      Eliminar
    7. Ahora mismo sí que te funciona, por lo que entiendo que ya encontraste "la diferencia".

      De todas formas se me olvidó comentarte que actualmente hay una manera más fácil de hacer esto mismo con una opción de serie de Blogger. Lee el comentario 93.1. Simplemente utilízala a partir de ahora; no es necesario que edites de nuevo todos los posts ya publicados.

      Eliminar
  96. Buenas. Se que ha pasado mucho tiempo de esta entrada y que , ademas, las "Vistas Dinámicas" son casi otro mundo pero estoy preparando un blog para unos amigos con la plantilla Magazine de Vistas Dinamicas y me gustaría poder utilizar el "leer mas" que gracias a ti pude utilizar en alguna plantilla de las antiguas...¿existe la remota posibilidad de hacerlo en este? El blog es: http://asociacion-milana-bonita.blogspot.com.es
    Muchas gracias paisano.

    ResponderEliminar
    Respuestas
    1. :) (por lo de paisano)

      Va a ser que no Maldia. Las vistas dinámicas son muy poco modificables, pero es que además, esas ya llevan un sistema similar "de serie" con el que las entradas aparecen en forma de sumarios en la página de Inicio. Así que es innecesario.

      Eliminar
    2. Gracias por responderme. Sé que llevan "de serie" un sistema similar pero les falta lo de "leer mas" dando la sensación en algunas entradas que el texto acaba ahí y mucha gente se queda con el poco texto del "sumario". Tan solo me gustaría poder agregarle eso, el "leer mas" para enlazar con la entrada completa. De todas formas gracias de nuevo.
      Desde Águilas, un saludo.

      Eliminar
    3. Pues no sé, pero por probar, prueba a añadir a mano o con el correspondiente icono del editor de entradas el salto estándar tras el primer párrafo. Ese que inserta un <!-- more --> Quizás te funcione.

      Eliminar
  97. Hola oloman, espero me puedas ayudar.
    Yo uso lo de leer más en mi blog, pero quería saber si luego de pucharle a "leer más" y aparece la entrada ya completa, hay alguna forma de que la entrada aparezca un poquito más abajo. Lo que pasa es que yo tengo un menú fijo y cuando ya aparece la entrada completa, donde se hace el corte para lo de leer mas queda justo hasta el mero tope de arriba del blog y pues el menú me tapa las primeras lineas de lo que sigue del post, entonces quiero que no se vaya tan arriba el corte. Espero haberme explicado.

    ResponderEliminar