Agregar “leer más” o “read more” a blogger (blogspot) II

Hoy les mostraré como podemos insertar un “leer más” o un “read more” en blogger. Hace ya algún tiempo escribí un artículo que hacía que en la misma página, apareciera el texto al pulsar sobre “leer más”. Esperando a resolver algunos problemas que produció escribo este artículo que espero que sea aplicable a todos los blogs.

En esta ocasión, al pulsar encima del “leer más”, veremos nuestro artíuclo completo en la página del artículo. El procedimiento seguido ha sido muy similar al de blogmundi. El procedimiento que tendremos que seguir será el siguiente:

1. En primer lugar iremos a la pestaña “Diseño” de nuestro panel de Blogger y elegiremos la opción “Edición de HTML”. A continuación pulsamos “Expandir plantilla de artilugios”.

2. A continuación buscamos en nuestro plantilla el código (dependerá del blog y solo habrá uno de los dos)

1
<div class='post-body entry-content'>

o

1
<div class='post-body'>

.

3. Posteriormente, introduce justamente debajo el siguiente código:

1
2
3
4
5
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

4. A continuación localizamos el código

1
<data:post.body/>

y justamente después copiamos el siguiente código:

1
2
<a expr:href='data:post.url'>Leer más...</a>
</b:if>

En conclusión, la zona del código del leer mas tendría que ser algo similar a:

1
2
3
4
5
6
7
8
9
10
11
12
13
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none}</style>
<data:post.body/>
<a expr:href='data:post.url'>Leer más...</a>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>

5. Una vez hecho esto ya podemos guardar la plantilla, y para poder usarlo con facilidad haremos lo siguiente. Iremos a la pestaña “Configuración” y elegiremos la subpestaña “Formato”, y en la opción “Plantilla de entrada” copiamos el siguiente código:

1
2
3
4
Esto saldra antes del leer mas
<span class="fullpost">
Esto saldra en la pagina al pulsar leer mas
</span>

Finalmente, guardamos los cambios y vamos a escribir una nueva entrada. Solo tendremos que cambiar nuestro texto por lo que deseemos publicar y ya funcionará perfectamente. A diferencia del anterior este funcionará siempre, ya que es mucho más sencillo.

Por último, en caso de que queráis que sea introducido por mí el código doi la opción de que si enviáis vuestra plantilla sea realizado por 5$. Aún así como en toda slas entradas estoy abierto a resolver dudas vía comentarios.





136 pensamientos en “Agregar “leer más” o “read more” a blogger (blogspot) II

  1. davi

    por favor, ayudame para qu no salga leer mas en todas las entradas, solo en las que yo deseo, pudes dar una explicacion detallada?, lo unico q lei en alguna rpta tuya fue q eso pasa porq puse full post en todas las entradas? yo no puse ningun full post en ningun lado por favor dime COMO CORRIJO ESO no me digas el por q sino como lo corrijo. gracias

  2. Xhristian Bowie

    Que tal Oscargp.net

    Me ha servido mucho tu entrada. Habia probado otras formas de hacer esto y no me quedaba muy bien. El unico problema es ese de que aparece en todas las entradas. Si resuelves este punto, por favor publicalo amigo.

    Gracias.

  3. Cristina

    Muchas gracias, llevaba tiempo buscando la opcion del leer más para mi blog, y por fin la tengo.
    He de decir que esta super bien explicado, muy detallado y claro. No he tenido ningun problema con ello.
    Gracias por tu tiempo haciendo el tutorial. ^^

  4. pablo

    Hola te hago una consulta… puse este codigo en mi blog…

    Paso a paso:

    a) Expandir los artilugios y añadir justo antes de :

    b) Buscar la siguiente línea antes de post-header-line-1:

    Y reemplazarla por:

    c) Justo debajo de , ubicar estas dos líneas:

    Reemplazarlas por:


    #fullpost {display:none;}


    Leer más…


    checkFull(“post-” + “”)

    d) Guardar los cambios.

    e) Para postear una entrada, hacerlo del siguiente modo:

    TEXTO A MOSTRAR

    TEXTO A OCULTAR

    ———————————

    una vez puesto esto… arme mis post.. pero solo en algunos casos me pone el <> donde va…. en el resto me lo pone al final del post.

    Que puedo hacer?

  5. erwn

    ya se puede ocupar sin ninguna modificacion especial, solo se ocupa un boton especial en el editro avanzado (el que se tenia en draft) o si uzamos en editor comun en HTML se coloca “” y el mensade se puede personalizar desde las opciones.

  6. SA

    Hola, segui los pasos al pie de la letra, pero no puedo guardar mi plantilla

    mi dise lo siguiente:

    Mensaje de error de XML: The element type “b:includable” must be terminated by the matching end-tag “”.

    Y solo cambie lo que dice este tutorial.

    Ayudaaaaaaaaa….

    Gracias.

  7. Fidel

    Buenas, me paso lo mismo que paso con el Mundy, me sale el “leer mas” pero me deja mucho espacio entre el “resumen” y el “leer mas”… Que puedo hacer para arreglarlo?

    Muchas gracias por tu dedicacion y tiempo!

  8. gonzalo

    me funciono perfecto, una sola consulta, como lo configura para q me aparezca arriba y no casi al final??

    saludos y gracias

  9. Pingback: Vladimir

  10. Morfaer

    Yo lo he probado y no me funciona.
    Aunque me sale “leer mas…” en mi post aparece TODO lo que escribo, tanto antes de como lo encerrado entre eso y . Osea para lo unico que me sirve “leer mas” es para pasar a otra página donde solo esta el articulo en cuestion

  11. Morfaer

    Yo lo he probado y no me funciona.
    Aunque me sale “leer mas…” en mi post aparece TODO lo que escribo, tanto antes de span class=”fullpost” como lo encerrado entre eso y / span. Osea para lo unico que me sirve “leer mas” es para pasar a otra página donde solo esta el articulo en cuestion span class=”fullpost”

  12. Pingback: Agregar "Leer más" al blog | Herederos del Dragón

  13. joanillo

    Estimado Oscar:

    yo tengo un problema para el que no encuentro solución. He colocado un sumario en mis artículos para que solamente se vea una pequeña introducción, pero blogger me lo aplica a TODAS LAS PÁGINAS nuevas que creo, cuando a mí solamente me interesaba que ésto funcionara en la página principal. ¿Sabes cómo puedo solucionarlo?

    Muchas gracias de antemano

  14. WaiGhai

    tengo una duda??
    me sale esto Esto saldra antes del leer masEsto saldra en la pagina al pulsar leer mas… no c lo q significa pero no encuentro el boton para poner leer mas??? alguien sabe me pasa

  15. WaiGhai

    A MI ME SALE EL LEER MAS AL FINAL
    DEL TEXTO
    ASI
    PRUEBAS DEL BLOG
    KJSADFJLKÑSDJF
    SAFJKLSDJFLSD
    SFJKLSDAJFLÑS
    SADJFSDAJFÑLSD
    GJASLGJSAÑ
    Y ABAJO DE TODO EL TEXTO
    SALE
    LEER MAS!!!!!!

    ALGUIEN SABE LA SOLUCION???

  16. Jerrys

    Wow!! Super Special Awesome!! En serio me salvaron la vida, estaba frustrado porque como yo hago reseñas largas de películas, se achocaban todas en la pagina principal y la hacían muy grande y tardaba mucho en cargar! Gracias!

Los comentarios están cerrados.