Leer más sólo en entradas determinadas


Emplear siempre la opción de leer más en nuestro blog en ocasiones puede resultar innecesario o incómodo. Por suerte hay otras formas de poner leer más sólo en una entrada. Bajo mi recomendación, si todas tus entradas son largas, es recomendables emplear una de las formas que ya explicamos aquí y aquí. Si por el contrario sólo necesitas en alguna ocasión la opción de leer más ésta es tu entrada.


Recuerda siempre hacer copias de tu plantilla para que no tengas que arrepentirte luego de nada.


Ejemplo:


Para instalar este truco para tu blogspot haremos lo siguiente:

1) Vamos a Diseño
2) Edición de HTML
3) Buscamos la parte de nuestra plantilla llamada </head> (tecleamos Ctrl + F para buscar más rápido)
4) Antes de </head> pegaremos el siguiente código:


<style type='text/css'>
.ver_menu { display:block; }
.ocultar_menu { display:none; }
</style>
<script type='text/JavaScript'>
function desplegar(categoria){
var menu = document.getElementById(categoria);
if(menu.className == &quot;ver_menu"){
menu.className = &quot;ocultar_menu";
}
else{ menu.className = &quot;ver_menu"; } }
</script>


5) Clica en vista previa y si no hay ningún error, guarda tu plantilla.

6) Ahora tenemos dos opciones. Si quieres poner una imagen que ponga Leer más o la imagen que tú quieras, pega el siguiente código en la entrada que vayas a redactar. Recuerda, si no vas a necesitas poner Leer más, no tendrás que pegar éste código. Obvio, ¿no?


<script type='text/JavaScript'></script>
<div class="UNIQUENAME">
<a href='javascript:desplegar("UNIQUENAME");'>
<img borde='0' height='35' src='http://URLdelaimagen' width='35'/></a>
<ul class='ocultar_menu' id="UNIQUENAME">

En este espacio pon todo lo que desees esconder y que aparezca sólo al clicar en leer más, puedes poner texto, imágenes, vídeos...

</ul></div>


En http://URLdelaimagen pon la dirección de la imagen que vayas a emplear.

Por último, si en lugar de emplear una imagen que ponga leer más, deseas que aparezca con letras, emplea este código:


<script type='text/JavaScript'></script>
<div class="UNIQUENAME">
<a href='javascript:desplegar("UNIQUENAME");'>
Leer más o el texto que quieras</a>
<ul class='ocultar_menu' id="UNIQUENAME">

En este espacio pon todo lo que desees esconder y que aparezca sólo al clicar en leer más, puedes poner texto, imágenes, vídeos...

</ul></div>


Sustituye Leer más o el texto que quieras por el texto que tú desees.

Todo listo.


Código extraído gracias a chatarrasclub.

14 comentarios:

  1. Saludos y mis mejores deseos para este año que comienza
    Nuevamente con problemas para instalar la modificación, ahora con leer más en algunas entradas. He seguido tu instrucciones y algo me falla, en el mejor de los casos solo se ve una fracción de la publicación, lo que se esperaba pero el resto no se puede presentar no existe boton. O se ve un espacio en blanco y posteriormente el resto de lo publicación
    Gracias y saludos

    ResponderEliminar
  2. Hola Bruno. En el paso 6) hay que prestar mucha atención y fijarse bien en el código. Compruébalo de nuevo a ver si das con el fallo.

    ResponderEliminar
  3. Hola Juan, sufrí un poco pero lo logré jaja. Es que primero intenté hacerlo con el leer más del editor actualizado de Blogger, y me desapareció más de la mitad de la entrada, y no aparecía ningún leer más donde hacer click, por lo que supongo que la entrada completa se ve clickeando en el título de la misma. Así que como no me gustó, terminé poniendo esta que explicás vos, y ahí si que quedó bien. Nuevamente gracias por los consejitos tan necesarios.
    Saluditos!

    ResponderEliminar
  4. ERES EL MEJOR, NI SE CUANTO LLEVO PARA PODER METER VARIAS NOTICIAS CON SU CORRESPONDIENTE LEER MAS, ANDA DILE A LOS DE BLOGGER QUE TE CONTRATEN QUE YA LES VALE

    ResponderEliminar
  5. Hola.. te cuento que no consigo lograrlo... Pongo el código, pero no se como marcar lo que quiero esconder...
    Prové copiando y pegando el texto a ocultar, poniendo la url pero nada... y otra cosa, si pego el código antes de /head me dice: "La plantilla no es válida porque la etiqueta "div" aparece dentro de la etiqueta "head"." Si lo pongo luego de /head no hay problema... alguien sabe que hago mal?

    Rodrigo.

    ResponderEliminar
  6. Hola

    Deseo que la entrada del blog mas reciente quede de forma original (sin la opcion "leer mas") pero las anteriores si me muestre en forma resumida con la opcion "leer mas".
    Es posible hacerlo?

    ResponderEliminar
  7. hola! me encanta este blog.soy super torpe para estas cosas. acabo de abrir mi blog y no se nada.

    he conseguido hacerlo todo bien con tu explicacion, y si veo las entradas por separado, si que me funcionan los enlaces, pero si estoy en la pagina principal, con cuatro entradas, y tres de ellas con el lo de "leer mas" solo me funciona la ultima entrada actualizada. me aparece el enlace en las demas, pero cuando cliko, en vez de abrirse el resto de la entrada, se me abre solo la ultima. lo he repetido varias veces y me pasa siempre igual. que hago mal?

    ResponderEliminar
  8. Hola, gracias por tus consejos, me han servido muchísimo, el problema que tengo es que al hacer una entrada con este "leer más" de copiar y pegar, me funciona muy bien, pero cuando hago otra entrada, al clickar leer más me lee solo la entrada anterior y no la última. como puedo resolver esto? me podrías ayudar? muchas gracias.

    ResponderEliminar
  9. Hola sigo con el mismo problema y no encuentro quien me pueda ayudar, si pudieras ayudarme te lo agradecería muchísimo. El problema que tengo es que cuando hago varias entradas con Leer más, cuando hago click en cualquiera solo me abre la misma, que siempre es la primera. no se como resolver esto y es muy importante y urgente para mi, mi blog se llama
    http://esepavirtual.blogspot.com
    échame una manita, porfa....

    ResponderEliminar
  10. Es la Primera Explicacion Que realmente me llevo a buen camino, aunque sufri bastante. Al final hise algunos "plus" a las ideas que me diste. Hace apenas 3 dias que cree el blog. Es un mundo nuevo para mi, antes estaba muy enfocado en los chats donde solo perdia tiempo.
    Te invito a que pases por mi blog y hagas una critica de mi trabajo.
    Desde ya muchas gracias.
    http://caburei.blogspot.com/

    ResponderEliminar
  11. Buenas. Por mas que lo intento no consigo hacer que funcione, sigo los pasos al pie de la letra y al poner el codigo en la entrada y publicarla o darle a vista previa me aparece el codigo y todo el mundo puede verlo

    ResponderEliminar
  12. Hola, estoy diseñando mi blog, no tengo mucho tiempo y tu página realmente es un sueño pues me ha ayudado muchisimo. Ahora, en este tema de las entradas con "Leer mas" coloque todos los códigos tal cual dices. Pues me interesa todas las entradas con esta opción. Pero, tengo un gadget tipo menu de páginas donde puedes incluir hasta 10 páginas. En una de ellas coloque un Formulario de Contáctos que lo saque de aqui de tu excelente página. Pero cuando codifique "Leer más" esta página también me lo tomó y no se ve como debería. Que puedo hacer?? Gracias. http://marketingreportca.blogspot.com

    ResponderEliminar
  13. hola!
    muchas muchas gracias!! hasta apenas encontre una solucion k me gustara mas!!...
    cuidate y un saludo!!

    ResponderEliminar
  14. hola tengo un blog y no e podido poner el truco de leer mas. podrias darme una mano por que la verdad lo veo muy bueno y me rompo la cabeza y en algo estoy fallando. no se donde tengo que pegar el codigo luego de vista previa y de guardar los cambios. abrazo luis muy buena la pagina.

    ResponderEliminar