Cómo poner leer más en tu blog


Si quieres saber cómo poner "leer más" en tu blog debes seguir los siguientes pasos:

Lo primero que debemos hacer es modificar la plantilla, vamos a:

1) Diseño
2) Edición de HTML
3) Marca la casilla "Expandir plantillas de artilugios"
4) Buscamos <div class=’post-body’> (tecleamos Ctrl+F para buscar más rápido):

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>


Ahora debemos modificar una última cosa para que la etiqueta de "Leer más" aparezca automáticamente cada vez que quieras crear una entrada. Simplemente vas a:

1) Configuración
2) Formato
3) En el cuadro de texto de “Plantillas de entrada” añades:



Texto inicial <span class="fullpost"> Texto oculto </span>

Guardas los cambios. Ahora cada vez que abras el área de creación de entradas de Blogger y escribas en tu blog aparecería lo siguiente:



Texto inicial (el que se verá)

Leer más…
Y al pinchar aparecería, “Texto Inicial” seguido de “Texto oculto”.




Si queremos que en lugar de "Leer más" como texto veamos una imagen en su lugar, sustituiremos en el primer código Leer más por:

<img src="url_de_tu_boton_o_imagen_"/>





29 comentarios:

  1. donde esta opcion!! ya hice toda la primera parte solo me falta la segunda pero no consigo opciones

    ResponderEliminar
  2. Perdón, debes ir a Configuración.

    Ya está modificado. Gracias por el aviso.

    ResponderEliminar
  3. ah ok jejeje ya lo iba a conseguir

    ResponderEliminar
  4. HOLA SALUDOS HACE VARIOS MESES ESTABA INTERESADOS EN PONERLES A MI BLOG EL LEER MAS Y GRACIAS A LA AYUDA DE LA PAGINA QUIERO CREAR UN BLOG HISE COMO ME LO EXPLICARON Y GRACIAS A DIOS Y A LA PAGINA MENCIONADA LO PUSE Y ME FUNCIONA PERFECTAMENTE GRACIAS DE CORAZON POR SU AYUDA.ATENTAMENTE RAFAEL BERROA DE LA REPUBLICA DOMINICANA.

    ResponderEliminar
  5. Hola El Radar.com me alegro mucho de leer comentarios como el tuyo. Estoy contento de poder ayudarte.

    Espero volverte a ver por aquí. Bienvenido

    ResponderEliminar
  6. hola...te comento que cuando busco..."div class=’post-body’"...me dice que no lo encuentra,tenes idea xq sera...Gracias

    ResponderEliminar
  7. Hola Contacto. Prueba a buscar solo "post-body". A veces al teclear Ctrl + F no busca estrictamente lo que decimos que busque, por eso debemos adaptar para que el código a buscar sea más corto.

    Un saludo.

    ResponderEliminar
  8. lo he echo todo correctamente al pie de la letra pero tengo un problema cuando creo entrada me sale lo que dices texto inicial y debajo texto oculto pues cuando escribo el inicial debajo de donde pone texto inial y luego me situo debajo de texto oculto y escribo el resto cuando lo publico me sale debajo el leer mas este es mi blog wwwlagradasur.blogspot.com gracias

    ResponderEliminar
  9. Hola goyu73. Bienvenido.

    Me parece que lo que te ocurre es que con las entradas antiguas no funciona, solo funciona con las entradas que crees a partir de ahora.

    Como en algunas plantillas da problemas este sistema te recomiendo que eches un ojo a estos dos tipos de leer más:

    1) http://www.quierocrearunblog.com/2009/08/leer-mas-sin-tener-que-volver-cargar-la.html

    2) http://www.quierocrearunblog.com/2009/07/como-poner-leer-mas-y-una-imagen-en.html

    ResponderEliminar
  10. gracias compañero me has echo el hombre mas feliz de españa jajajjaja al final me ha salido con el leer mas III aparte es el que me interesa por las fotos

    ResponderEliminar
  11. Me alegro que te guste goyu73!

    Espero volverte a ver por aquí. Un saludo ;D

    ResponderEliminar
  12. ayuda!! hice tal y como esta pero me sale

    No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.

    otra cosa cuando dice que busquemos "data:post.body/" me sale 2 opciones cual es la del primer codigo o el de la plantilla

    ResponderEliminar
  13. Hola AnimexVid.

    Como en algunas plantillas da problemas este sistema,
    te recomiendo que eches un ojo a estos dos tipos de leer más:

    1) http://www.quierocrearunblog.com/2009/08/leer-mas-sin-tener-que-volver-cargar-la.html

    2) http://www.quierocrearunblog.com/2009/07/como-poner-leer-mas-y-una-imagen-en.html

    Un saludo y gracias por tus comentarios.

    ResponderEliminar
  14. OYE UNA PREGUNTA YA BUSCE BIEN Y NO ESTA
    < div class=’post-body’ >
    ASI QUE NO PUEDO AGREGAR EL CODIGO
    Y TAMPOCOC ESTA
    < data:post.body/ >
    COMO LE HAGO PARA AGREGARLOS PORFAVOR AYUDAME

    ResponderEliminar
  15. Hola Julio, gracias por tu consulta pero agradecería que no escribieses en mayúsculas. Revisa las normas por favor.

    Como en algunas plantillas da problemas este sistema,
    te recomiendo que eches un ojo a estos dos tipos de leer más:

    1) http://www.quierocrearunblog.com/2009/08/leer-mas-sin-tener-que-volver-cargar-la.html

    2) http://www.quierocrearunblog.com/2009/07/como-poner-leer-mas-y-una-imagen-en.html

    Un saludo y gracias por tu comentarios.

    ResponderEliminar
  16. Hola.

    Muchas gracias por tu blog.
    Desde que lo visito he conseguido cosas interesantes para mi blog.

    Déjame hacerte 3 pregunticas:
    Implementaré en código y el "Leer más" funcionará de ahora en adelante, cierto?

    El texto alcanza a salir con formato?

    Salen las imágenes.

    Agradezco de antemano tu respuesta.
    Excelente página.

    Saludos desde Colombia.

    ResponderEliminar
  17. para hacer todo esto que template pongo por que yo tengo minima dark y no me funciona

    ResponderEliminar
  18. @Fcc. Gracias por tu comentario y bienvenido al blog. Si lo instalar correctamente, funcionará sin problemas. Si tienes problemas, lee el comentario anterior al tuyo y descubrirás que hay otras posibilidades. El texto e imágenes saldrán sin problemas. Un saludo.

    @Monper. Bienvenido al blog. Es indiferente la plantilla que elijas. Alguna te puede dar más problemas que otras, pero debe funcionarte igual. Un saludo.

    ResponderEliminar
  19. oye cuando se pone

    Texto inicial
    span class="fullpost"
    Texto oculto
    /span

    en lugar de texto inicial le ponemos el testo de la entrada o le dejamos asi como esta

    ResponderEliminar
  20. Hola. Sí, debes sustituir donde dice "Texto inicial" por el texto que quieras. Ese será el texto que aparecerá en la portada de tu blog. El texto oculto lo deberás sustituir en donde pone "Texto oculto".

    Espero haberte ayudado.

    ResponderEliminar
  21. hola sabes no me funciona el truco lo he repetido varias veces, pero no me resulta :(

    ResponderEliminar
  22. Hola,

    En lugar del Leer Mas yo puse "Continuar Leyendo" pero quería saber si seguido del continuar leyendo se puede poner el titulo de la entrada, por ejemplo:

    "Continuar Leyendo "

    es lo unico que necesito, lo demás no hay problema.

    esperare tu respuesta en esta misma entrada.

    ResponderEliminar
  23. hola disculpa, me pareció muy interesante y fácil lo que nos freces, por eso te agradezco, pero tengo un problemita, lo hizo todo al pie de la letra y si me sale leer más, pero la entrada en mi página sigue entera, no sale sólo un fragmento .. me podrías decir por favor cual sería la razón ?

    ResponderEliminar
  24. Amigo no encuentro en mi plantilla(previamente expandidos los artilugios) este codigo:
    "div class=’post-body’"
    "sera mi plantilla?

    agradeceria tu ayuda!!

    ResponderEliminar
  25. hola ,me encanta tu blog es muy completo ^^

    queria hacerte una pregunta,me gustaria que me explicases como logras colocar de esta manera las entradas en tus pagina sfijas ( http://www.quierocrearunblog.com/search/label/Consejos) no se si me explico bien.esque yo tmabien quiero poder separar mi blog en 2 categorias y me vendria muy bien poder comprimir de esa forma las entradas ya ke las paginas(que te dejan crear hasta 10) solo me deja escribir una entrada.Muchas gracias por adelantado.

    Pd:si no es molestia podrias avisarme mediante un comentario en mi blog cuando escribas la respuesta?esque no estoy en mi ordenador y no querria que se me olvidase la apgina y con ello la respuesta u_u

    Gracias ;)

    ResponderEliminar
  26. Holaaa he aplicado varios de tus concejos y me han servido mucho muchas gracias por compartir ^^ ahh x cierto ya tengo su boton en mi blog como afiliados espero que lo vean xDD aqui les dejo el link www.allaboutjohnnys.blogspot.com

    gracias
    saludos

    vane ^^

    ResponderEliminar
  27. una pregunta como hago para que ne vez que aparezca"deja tu comentario" me aparezca una imagen...desde muchas gracias

    ResponderEliminar
  28. Excelente tus enseñansas, he puesto varias en practica y me han funcionado bien, solo que en la de "leer mas" no me funciona, cuando voy hacer un postd nuevo me sale Texto inicial texto oculto como hago para que me funcione
    le agradesco su colaboracion

    ResponderEliminar
  29. Hola no me da el primer paso lo de ingresar los codigos en la edicion html..

    ResponderEliminar