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 == "ver_menu"){
menu.className = "ocultar_menu";
}
else{ menu.className = "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.
8 comentarios:
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
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.
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!
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
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.
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?
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?
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.
NORMAS PARA COMENTAR:
1) Si no encuentras lo que buscas emplea el buscador.
2) Si quieres preguntar algo, primero asegúrate que tu comentario guarda relación con la temática de la entrada.
3) Si tu pregunta no encaja en ninguna entrada mándame un e-mail en contacto situado a pie de página para preguntarme lo que necesites.
4) Trata de expresarte bien. Explica correctamente tu problema, y por favor, no escribas en mayúsculas ni emplees lenguaje SMS. Escribir correctamente es gratis.
5) No hagas SPAM. Comentarios breves con la unica intención de dejar la dirección de tu blog será considerado SPAM.
6) No se permiten descalificaciones ni faltas de respeto hacia ningún usuario.
Si no se cumplen estas seis normas el comentario será ignorado y/o borrado.
Respetando estas normas ganamos todos, conseguimos un mayor orden y ayuda para los nuevos visitantes. Gracias por tu comprensión.
Publicar un comentario en la entrada