Para que no aparezca el leer más en páginas estáticas | Oloblogger El que estuviera utilizando la función createSummaryAndThumb para generar sumarios de sus entradas de forma automática , habrá observado qu...

12 de mayo de 2010

Para que no aparezca el leer más en páginas estáticas

El que estuviera utilizando la función createSummaryAndThumb para generar sumarios de sus entradas de forma automática, habrá observado que en las nuevas páginas estáticas de Blogger, el rótulo "Leer más" salía sin venir a cuento.

El motivo es sólo uno y fácilmente explicable. Para que este script se ejecutara sólo en páginas distintas de las de las entradas individuales (item), parte del código que había que insertar incluía dos condicionales precisamente en este sentido: si estamos en una página que no sea del tipo entrada, ejecuta el recorte de texto, pero si estamos en una entrada, simplemente muestra el contenido de la entrada.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
...(ejecución script)
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/> <!-- Contenido post -->
</b:if>

Esto estaba bien hasta que se crearon las susodichas páginas estáticas, pero desde ese momento, estas condiciones aplicadas a ellas hacen que se cumpla la primera condición (no estamos en una entrada) y por tanto, se ejecuta el script de sumarios... donde no debería.

Para solucionar esto, conviene reconstruir estas dos condiciones y convertirlas en tres con el siguiente esquema:

Si la página es tipo entrada, muestra el contenido (data:post.body).
Si no, comprueba en primer lugar si estamos en una página estática y si es así, muestra el contenido. De lo contrario, ejecuta el script.

Todo esto puesto en código, debe quedar como sigue:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary-&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary-<data:post.id/>&quot;);</script>
<a class='leermas' expr:href='data:post.url'>Leer más &#187;</a>
</b:if>

</b:if>


Sólo tenemos que cambiar esta parte para que desaparezca la frasecita de nuestras páginas estáticas. Lo que en aquella entrada numerábamos como paso 2.

¿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

67 comentarios :

  1. Muchísimas gracias, me fastidiaba mucho no poder usar las páginas estáticas por este problemilla...

    ResponderEliminar
  2. Genial !! me ha solucionado el problema que tenia con el Leer mas automatico,que me salia en cada post que escribia y no me separaba lo que queria que quedase oculto. Gracias !!

    ResponderEliminar
  3. Con el tema de las páginas estáticas y con a plantilla que tú creaste, me surge un problema al ponerlas como pestañas y es que el primer enlace se ve fuera del libro (http://morganaren-ispilua.blogspot.com/). ¿Se puede arreglar?

    Gracias, como siempre

    ResponderEliminar
  4. Sí... al menos se me ocurren dos maneras fáciles.

    1. Desde Elementos de página mueve el gadget a una de las dos columnas que están encima.
    2. En el trozo que reproduzco, añade lo que está en negrita:
    #bloqueizdo, #bloqueizdopie, #PageList1 {
    float:left;
    position:relative;
    left:0px;

    ResponderEliminar
  5. Mhh... sigue quedando igual, saliéndose del libro con la opción 2...

    ResponderEliminar
  6. Hola amigo! tanto tiempo.
    Una duda. hay alguna opcion que podamos poner para responder cualquier comentario (nuestra respuesta aparece abajo del comentario marcado y no a lo ultimo)? es decir, si quiero responderle algo a una persona para que quede abajo de ese y no abajo de los otros que haya.
    Es deficil de explicar! :S jeje aca te dejo una foto que sirva a lo que me refiero: ACA

    ResponderEliminar
  7. Hola Mamanunes, no hay de qué.

    ★ Mσяgαиα ★ ambas las probé y me funcionaron. Veo que ahora mismo no lo tienes en tu estilo ¿lo pones y me avisas?

    Rodri, no hace tanto :D Emmm... por lo que yo sé, eso se puede hacer en un blog bajo servidor propio. Para Blogger tendrías que usar algún servicio externo (que los hay), pero parece poca mejora para tener que depender de otros. No recuerdo el nombre, pero hubo uno muy famoso y utilizado, que hace poco desapareció.

    ResponderEliminar
  8. Muchas gracias, ¿Como se puede hacer para que se agreguen paginas que sean a su vez enlaces directos al hacer click? Por ejemplo a la pagina de inicio, o a paginas de etiquetas. En definitiva convertirlo en un menu en el que mezclariamos paginas estaticas con contenido )por ejemplo quienes somos) y enlaces a partes del blog o a otras webs

    ResponderEliminar
  9. Hola Isaac
    Lo fácil sería que desde el gagdet Lista de Páginas, se pudieran añadir otro tipo de enlaces, pero no es asi. De esta manera, creo que lo mejor es crear un menú cualquiera y ahí añadir manualmente tanto los enlaces a páginas, como los de etiquetas, inicio, etc...

    Si lo necesitas, en el buscador de arriba pon "menu" ;)

    ResponderEliminar
  10. Hola de nuevo^^. Probé a agregar #PageList1 como me decías en la plantilla y sí que se arregla un poco pero sigue viéndose un poco fuera de la página del libro.

    Lo de cambiarlo a las columnas de arriba ya lo pensé, quizá lo termine haciendo así si no se soluciona.

    Muchas gracias

    ResponderEliminar
  11. Hmmm... Prueba a añadir también
    .widget PageList
    a esa lista. No olvides la coma.

    ResponderEliminar
  12. Pues se ve que algún cambio que hiciste afecta a eso, porque siguen funcionándome todas las pruebas que hago con la plantilla original.
    Otra prueba. Sin quitar lo anterior, añade:
    #PageList1 {
    left:50px;
    }
    Si funciona, ajusta los pixels y si ahora sobrepasa por la derecha, añade un width con los pixels necesarios.

    ResponderEliminar
  13. Aghh... sí debe ser algún cambio que hice antes porque ni por esas... De todos modos, muchas gracias^^

    ResponderEliminar
  14. Vale. Ya he visto que has hecho un apaño ;)

    ResponderEliminar
  15. Chi, nos íbamos a volver locos si no... Lo único, puedo cambiar ese símbolo que sale al lado de los enlaces de algún modo para poner este ★ o cualquier otro?

    ResponderEliminar
  16. Sí. En esta parte, cambia la dirección de la imagen por la tuya:

    ul {
    list-style-image: url(http://lh3.ggpht.com/_0eC4K-qZ7AM/SsPt7JHX8oI/AAAAAAAAJ_0/HP7cLnMBwx8/lista.gif);
    }

    ResponderEliminar
  17. Hola! Yo usé otro método para el Leer más, (que ni recuerdo de donde saqué...) y ahora no me sale esto de que se inhabilite en las páginas estáticas! Me podrías orientar como hacer? Gracias!
    El blog es: http://draftsss.blogspot.com/
    Gracias!!!

    ResponderEliminar
  18. Mientras no tengas páginas estáticas, no podremos ver si necesitas inhabilitar lo del leer más en ellas. Ahora mismo, no tienes ninguna creada.

    Saludos

    ResponderEliminar
  19. Hola de nuevo! Soy la del comentario anónimo anterior :) Si tiene página estática, es la siguiente: http://draftsss.blogspot.com/p/contactanos.html
    gracias!

    ResponderEliminar
  20. Hola Filigrana

    Pues el script parece el mismo (sin oloadaptación), pero en lugar de estar en tu plantilla, está alojado en Google Pages.

    Debes tener un condicional parecido al que se explica aquí, pero no se puede ver sin acceder a la plantilla. Así que te toca analizar un poco los IF que tienes y cambiarlos más o menos como se explica aquí.

    ResponderEliminar
  21. Buenisimo, voy a ver si me sale :)
    Gracias!

    ResponderEliminar
  22. Anónimo4/6/10, 5:58

    hola... tengo un problema que creo se realciona con esto, la plantilla que instale tiene por defecto el read more y sucede que en las páginas no me deja ni siquiera abrir. Es decir, permite dos renglones y aparece un read more q no redireccina a ningún lado, estuve tratando de rastrear en el html a ver qué onda pero no encuentor slución, si se te ocurre algo estaré muy agradecida!!

    saludos

    ResponderEliminar
  23. Anónimo4/6/10, 6:33

    BUENISIMO!!!! LO solucione con el código que publicaste!! q boba que no lei mejor!!!


    MIL GRACIAS

    dejo mi voto!

    ResponderEliminar
  24. Filigrana, A través de la Mirilla... encantado de veros por aquí.

    ResponderEliminar
  25. muy buen post, ya estaba harto de que me saliera lo de leer mas x_X

    ResponderEliminar
  26. Mike, pues ya tienes una cosa menos de que preocuparte ;)

    ResponderEliminar
  27. Hola, yo seguí todos los pasos para solucionar ese "temita" de las estáticas (no me mostraba el cuerpo entero). Pero ahora se me generó otro problema:

    Las estáticas se ven bien, pero los posts, no. Hago click en "Leer más..." y no hay cambios. ¿Adónde puede estar el error? Gracias.

    ResponderEliminar
  28. Ah, omití algo. Mi blog está partido en la mitad... hay un problema con alguna imagen, que hace que a partir de la mitad, se corra algún margen (viendo la columna del Sidebar se puede notar cómo después de los "Tweets", se corre un poquito la barra). Me volví loco y no lo pude resolver.

    ResponderEliminar
  29. Hola Gustavo

    Pueden ser dos cosas. Una es que copiaras mal el código propuesto. El primer condicional es el que permite ver un post sin comprimir (sin el leer más) y por ahí es por dónde debes buscar.
    Otra posibilidad es que te dejaras algún código antiguo por detrás, que haga lo que dices y deje sin efecto a este.

    Sobre el corte, se produce a partir de los gadgets HTML98, 99 y 97, que para mí no son visibles. Busca en ellos a ver si hay algún problema. Si no te son necesarios, prueba a eliminarlos.

    ResponderEliminar
  30. ¡Excelente, Oloman!

    Tenías razón, en la primera línea había un pequeño error en el código (no entiendo porque copié en bloque). Se solucionó el tema de "leer más" (diferencia entre los posts, y las páginas estáticas).

    Lo que sigo sin poder resolver es el corte que se me produce en la mitad de la plantilla (está corrida hacia la derecha). Le quité los html99, 98 y 97, pero nada. ¿Puede ser que haya algún problema en los márgenes?

    ¡Gracias, igualmente!

    ResponderEliminar
  31. Pueden ser de los márgenes, un position mal puesto, algún div solapado... me resulta muy difícil saberlo desde aquí. Tendrás que encontrar a partir de dónde se forma el corte, incluyendo en la plantilla alguna palabra o marca -por ejemplo- y después trajinar desde ahí. Suerte.

    ResponderEliminar
  32. Esto es lo que me ha pasado en uno de mis Blogs... ¿dónde falla?

    http://barbiesdemorgana.blogspot.com/p/la-casita-de-munecas.html

    ResponderEliminar
  33. Pues no lo puedo ver Mσяgαиα, pero supongo que tienes mal construida la parte que aquí se cita. Debes localizarla y sustituirla por lo que se indica, porque lo que te pasa es que se duplican algunas cosas, tanto en la página inicio como en las estáticas.

    ResponderEliminar
  34. http://barbiesdemorgana.blogspot.com

    Claro, como que era un enlace incorrecto, sorry... me sale algo muy extraño, s eve el leer más y debajo la entrada entera xDD

    ResponderEliminar
  35. Solucionado^^

    ResponderEliminar
  36. Estimado, todo bien hasta que noté que las entradas se suplicaron: en el mismo cuerpo, cada post se repite 2 veces...

    ResponderEliminar
  37. NIP, te debió quedar algún resto de código. Comprueba que sólo tienes este trozo que se publica aquí. Si lo replicas, sólo deberías tener tres veces data:post.body

    ResponderEliminar
  38. Oloman, en mi segundo intento ya no se duplica, pero ahora en el post body luego de ciertos caracteres aparece "leer más" y comienza nuevamente el post, por lo que tuve que eliminarlo. Este es el código original que tengo: https://dl.dropbox.com/u/8828371/leermas.txt

    Agradecería tu ayuda, saludos.

    ResponderEliminar
  39. NIP, en ese código falta un cierre </b:if>

    De cualquier manera, ese es precisamente el que aquí comento que da problemas ¿podrías sustituirlo por el segundo?

    No olvides insertar tu "Acerca del autor" antes del primer <b:else/>

    Y caso de que persistan los problemas, me vendría bien ver la página con el problema... o una réplica en un blog de prueba.

    ResponderEliminar
  40. Gracias de nuevo! xP no habia visto esto hasta que hoy utilize las paginas en blogger xD

    Saludos gente!

    ResponderEliminar
  41. Primero felicitarte por tu excelente blog y por los premios que has recibido. Comentarte que estoy intentando insertar el código que propones para que no aparezca el leer más en las páginas estáticas pero en mi caso no hay manera de acertar donde debo insertar dicho codigo. Me da errores y lo he intentado. Supongo que la plantilla con la que trabajo es más compleja y no alcanzo a saber donde se debe insertar correctamente el codigo. Mi blog es: www.sorolldefons.tv
    Grácias por tu ayuda. Isaac

    ResponderEliminar
  42. Hola Isaac. Por muy compleja y rara que sea tu plantilla, si es de Blogger, tiene que tener el data:post.body, ya que es la variable que contiene las entradas. Así que la tienes que encontrar.

    Eso se explica en la entrada anterior sobre el tema que se enlaza al principio de esta. No olvides pinchar en artilugios expandidos.

    ResponderEliminar
  43. Buenas tardes, he encotrado el código y he efectuado los cambios de código. Ahora bien, mi plantilla es de tipo magazine, y ahora si bien en las páginas estaticas no aparece el leer más, me siguen apareciendo siguiendo la estructura de los post tipo magazine, en columna, y no aparece la pagina extendida que es lo que yo pretendo. La idea es usar las paginas estaticas vinculadas al menu superior de forma que al poner el cursor encima del menu aparezca el contenido de la pagina estatica expandida en toda su longitud. El bloc es www.sorolldefons.tv (si vas al menu superior PRESENTACIÓ, la página estática no se expande. Espero que me haya explicado y grácias

    ResponderEliminar
  44. Vale Isaac, ahora lo he visto. No conozco esa plantilla, pero tendrás que buscar la parte de código que forma los resúmenes tipo magazine.

    El truco que aquí se explica es para otro tipo de resúmenes, pero seguramente, la estructura de condicionales te valga. El primer if para entrada individual, el segundo para páginas estáticas y el tercero es para página principipal y de navegación por etiquetas/antiguos/recientes.

    Tendrás que encontrar una condición más simple en tu plantilla que sólo discrimina páginas individuales (item) del resto y cuando encuentres la parte que forma la revista, copiar la estructura de condicionales que aquí doy y meter lo del magazine sólo en el último condicional.

    No puedo ser más concreto porque desde aquí no es visible todo eso de los condicionales, pero seguro que es como te explico.

    ResponderEliminar
  45. Hola, he leído tu post e intentado seguir tus instrucciones, sin embargo aún no logro eliminar el "leer más" de las páginas estáticas... te agradecería mucho si pudieras orientarme.

    Uso la plantilla Ikhsahn Magazine y mi blog es http://cecpsicologiauta.blogspot.com.

    De antemano muchas gracias :)

    ResponderEliminar
  46. Centro de Alumnos, tengo que decirte lo mismo que contesté en el mensaje anterior, ya que desde aquí no puedo ver la estructura de condiciones que teneis. La cosa está en reproducir la estructura que aquí se cita y meter dentro de cada condicional la parte de código que actualmente teneis, teniendo en cuenta que en los dos primeros (item y estáticas) se debe mostrar lo mismo, es decir, el post entero.

    Repito que data:post.body (plantillas de artilugios expandidos) es la palabra clave para encontrar esa parte en vuestras plantillas.

    ResponderEliminar
  47. Tengo una pregunta Oloman. Yo utilizo el método de Leer más de aqui: http://oloblogger.blogspot.com/2008/11/opcion-leer-mas.html ya que me gusta más, no utilizo el de sumarios, y me gustaría saber como hacerlo, porque tengo miedo de meter la pata al jugar con la plantilla. Desde ya muchas gracias :)

    ResponderEliminar
  48. A mí también me gusta más el segundo sistema que citas Mark. El primero es manual y el de esta entrada automático. Eso ya es una gran ventaja. Para instalarlo, si sigues las instrucciones podrás comprobar que todo esta bien con Vista Previa, antes de aceptar los cambios. Así que sin miedo. No obstante, guarda antes una copia de seguridad y minimizamos riesgos.

    De todas formas, he evolucionado un poco este código, así que mejor te pasas directamente a esta otra entrada y haces lo que se dice en ella:
    http://oloblogger.blogspot.com/2010/10/sumarios-automaticos-casi-definitivo.html

    ResponderEliminar
  49. Muchas gracias, buenisimo Oloman. Tengo una consulta nueva, dos en realidad, y son muy importantes. En este blog: amacma.blogspot.com es un blog que hice para mi mamá, ya que ella padecio de cancer de mamas, y tiene una asociacion. El punto es que encontre una plantilla un poco compleja con ese tema y la edite un poco. El punto es que al final de una entrada me aparece "zz" justo despues de los botones de compartir, y no se que será. Y lo otro es que como te habras dado cuenta, la barra lateral aparece al final del resto, y quiero solucionarlo. Si me das una pequeña mano estare demasiado agradecido, ya que no quiero ni pensar en cambiar la plantilla. GRACIAS!

    ResponderEliminar
  50. Problema solucionado, jeje. Era solo un error de Internet Explorer 6

    ResponderEliminar
  51. Lo mejorr hermano MUCHISIMAS GRACIAS

    ResponderEliminar
  52. Puff no entiendo que hay que hacer...donde tengo que copiar el código y que código tengo que copiar para que en las páginas estáticas no me salga lo de "leer más"?

    ResponderEliminar
  53. Zagur, tienes que buscar el código que actualmente tienes para construir los sumarios. Es el que se cita en primer lugar en esta entrada. A continuación tienes que cambiarlo por el que se propone.

    ResponderEliminar
  54. Hola amigo hice lo que dicen tus tutoriales y las entradas quedan perfectas pero tengo una pequeña duda.
    Quiero borrar la pagina de (que tiene las titulos de publicado por, comentarios , etiquetas, boton +1, facebook etc. ) voy a editar entradas destildo todas las opciones pero siempre me queda la opcion de etiquetas.
    No hay alguna forma de ocultar el 100% de esta barra?? un codigo o algo?

    ResponderEliminar
  55. Rodrigo, eso que comentas supongo que lo tienes en el post-footer y sería cuestión de ponerle un condicional para que no se viera dónde no quieres. Lo que no me queda claro es si quieres que desaparezca de todas partes o sólo de la página principal o sea, de los sumarios.

    ResponderEliminar
  56. Amigo yo quiero que las entradas me queden como la de esta pagina http://www.seduccionvip.net/ (que es con la que quiero competir) y si te fijas entre cada entrada solo aparece una delgada linea.
    En cambio en mi blog http://seducevip.blogspot.com/
    siempre me aparece:
    "0 comentarios"
    "Etiquetas: superacion personal"

    Debajo de cada entrada y eso es lo que me gustaria eliminar al %100

    Espero que ahora si me ayas entendido

    Gracias

    ResponderEliminar
  57. Bien, entonces echa un vistazo a esta entrada (http://goo.gl/wDYys) y como complemento, esta otra (http://goo.gl/hBRS3).

    De todas formas, si quieres competir con algo, mi opinión personal es que deberías ser diferente. Ya sabes que las comparaciones son odiosas...

    ResponderEliminar
  58. Hola amigo te queria contar que ya pude por fin quitar esa barra con el siguiente codigo

    .post-footer {
    ......
    display: none;
    }
    o con estos

    .post-footer-line-1 {display: none;}
    .post-footer-line-2 {display: none;}

    lo publico por si a alguin le sirve

    ResponderEliminar
  59. Ok Rodrigo, pero echa un vistazo también a esto: http://goo.gl/6fcH0

    ResponderEliminar
  60. Excelente amigo. Una duda: Intente poner la imagen (thumbnails) alineada a la izquierda cambiando esta parte del codigo:

    .leermas {
    }
    .post-thumbnail {
    float:left AKI ESTABA "RIGTH";
    margin:0px 0 10px 10px;
    }

    Me funciono, pero la imagen quedaba un poco montada en el texto y ademas en el editor de las entradas yo pongo justificado el texto pero no me sale asi. ¿Como soluciono esto?. Gracias.

    ResponderEliminar
  61. Xavier Figueroa por lo que dices, te faltó cambiar el MARGIN. Ese está precisamente para que no se peguen imagen y texto. Para el caso de alineación a la izquierda, el MARGIN debería quedar así:
    margin:0px 10px 10px 0px;

    El orden en que aparecen esos números es representativo de los distintos márgenes que puedes aplicar. Respectivamente: arriba, derecha, debajo, izquierda.

    ResponderEliminar
  62. COMO HAGO PARA QUITAR EL LEER MAS AUTOMATICO DE ESTE BLOG: http://laligamxenvivo.blogspot.com/

    ResponderEliminar