Si acostumbramos a hacer entradas un poco largas (más de tres o cuatro párrafos), nuestra pantalla inicial (home) puede llegar a ser un calvario para los lectores que buscan algo concreto. En este caso, podría ser conveniente mostrar un pequeño resumen de cada post y que sea el lector el que elija si ver el resto de la información o no.
En resumen, el truco que se explica a continuación, mostrará las primeras líneas redactadas (a nuestro criterio) y a continuación un enlace para ver el post completo. Este esquema se repetirá en todas las entradas donde elijamos. Crearemos una clase llamada fullpost y todo lo que encerremos dentro, sólo será visible si se accede al permalink (la dirección concreta del post). Una vez más, es un truquillo antiguo, pero que muchos seguís preguntándome por correo cómo se hace, así que allá va.
En primer lugar, con artilugios expandidos, buscamos <div class='post-body'... El código a insertar se muestra en color verde.
Una vez hecho esto, tendremos definida para siempre una clase (fullpost), que hará que lo que esté contenido en ella, no se vea si estamos en una página distinta de la del propio post, como sucede en el caso de la página Inicio. Lo que ocurre es que para que funcione con el efecto deseado, al redactar un post tendremos que incorporar esta clase manualmente. Nosotros elegimos que parte enseñar y que parte ocultar, en la forma...
Esto hará que el post quede así:
Y cuando pinchemos en el enlace "Leer más...", se accederá al post completo.
Para automatizar al máximo la tarea, podemos ir al Panel de Control y en Configuración-->Formato, encontrareis un recuadro en blanco con el título Plantilla de entrada. Ahí tecleais...
...y cada vez que creeis una entrada, os saldrá ese texto para no tener que estar recordando qué era lo que había que poner. Evidentemente, las palabras VISIBLE y OCULTO se tendrán que sustituir por los contenidos que queramos mostrar siempre y los que queramos esconder, respectivamente.
En resumen, el truco que se explica a continuación, mostrará las primeras líneas redactadas (a nuestro criterio) y a continuación un enlace para ver el post completo. Este esquema se repetirá en todas las entradas donde elijamos. Crearemos una clase llamada fullpost y todo lo que encerremos dentro, sólo será visible si se accede al permalink (la dirección concreta del post). Una vez más, es un truquillo antiguo, pero que muchos seguís preguntándome por correo cómo se hace, así que allá va.
En primer lugar, con artilugios expandidos, buscamos <div class='post-body'... El código a insertar se muestra en color verde.
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>.fullpost{display:inline}</style>
<p><data:post.body/></p>
<b:else/>
<style type='text/css'>.fullpost{display:none}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Leer más...</a>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>.fullpost{display:inline}</style>
<p><data:post.body/></p>
<b:else/>
<style type='text/css'>.fullpost{display:none}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Leer más...</a>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Una vez hecho esto, tendremos definida para siempre una clase (fullpost), que hará que lo que esté contenido en ella, no se vea si estamos en una página distinta de la del propio post, como sucede en el caso de la página Inicio. Lo que ocurre es que para que funcione con el efecto deseado, al redactar un post tendremos que incorporar esta clase manualmente. Nosotros elegimos que parte enseñar y que parte ocultar, en la forma...
Aquí irá todo el texto que siempre será visible (normalmente el principio, a modo de resumen)
<span class="fullpost">
Aquí vendrá el resto de la entrada, que no se verá en la página Inicio.
</span>
<span class="fullpost">
Aquí vendrá el resto de la entrada, que no se verá en la página Inicio.
</span>
Esto hará que el post quede así:
Aquí irá todo el texto que siempre será visible (normalmente el principio, a modo de resumen)
Leer más...
Leer más...
Y cuando pinchemos en el enlace "Leer más...", se accederá al post completo.
Para automatizar al máximo la tarea, podemos ir al Panel de Control y en Configuración-->Formato, encontrareis un recuadro en blanco con el título Plantilla de entrada. Ahí tecleais...VISIBLE
<span class="fullpost">
OCULTO
</span>
<span class="fullpost">
OCULTO
</span>
...y cada vez que creeis una entrada, os saldrá ese texto para no tener que estar recordando qué era lo que había que poner. Evidentemente, las palabras VISIBLE y OCULTO se tendrán que sustituir por los contenidos que queramos mostrar siempre y los que queramos esconder, respectivamente.
¿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.
Y muchos más artículos interesantes si nos sigues en...
Fenomenal, buscaba este truco hace tiempo, pero me resultaba algo tedioso tener que buscar el código cada vez que quería hacerlo. ( No tenía ni idea cómo podía automatizar la tarea ). Muchas gracias, muy útil. Funciona correctamente
ResponderEliminarLo que ocurre Fernando, es que ahora tendrás que retocar los posts antiguos si los quieres todos con este sistema... ¡y me ha parecido contar más de 100!
ResponderEliminarCasi mejor que lo hagas a partir de ahora. Para probar, prueba sólo con los 5 últimos
si funciona excelente pero ¿sale al final de todas las entradas el leer más y esto puede despistar cuando NO hay un leer más...? de todasd maneras gracias por facilitarnos la vida
ResponderEliminarMe funciono de lo mas bien muchas gracias
ResponderEliminarotra consulta si me puedes decir como eliminar el boton comentario(n°) que sale a pie de las entradas por favor
a y como puedo agregarle un icono al lado del autor del comentario
y otra pregunta cuando me meto a dejar un comentario en mi blog me sale esto
" This entry was posted on 19:31 and is filed under . You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site. "
Como lo puedo sacar
Muchas gracias
Villapaul: Se supone que si usas este sistema es porque todos tus posts van a tener la opción "Leer más"
ResponderEliminarJogEUC: ¿No quieres comentarios en tus posts? Casi, casi que dejaría de ser un blog... En fin, entra en Configuración-->Comentarios y selecciona en "Opción predeterminada de comentarios para entradas", "Las nuevas entradas no tienen comentarios". También lo puedes hacer individualmente para cada post al crearlo, desplegando el "Opciones de Entrada"
Si no van a haber comentarios no vas a necesitar el icono ¿no¿
Para lo último mejor me mandas una captura de pantalla cuando te salga eso, porque no sé ni dónde te puede aparecer. Por e-mail...
No me refiero al Boton comentario en la pagina principal , mira ingresa ami blog y sabras a lo que me refiero
ResponderEliminara y otra cosa me podrias decir como hiciste lo de la barra superior de blogger para que aparesca y desaparesca porfavor
Saludos
Hola otra vez JogEUC. Busca la clase POST-COMMENT-LINK y le añades un atributo DISPLAY:NONE; De esa manera no se verá.
ResponderEliminarTambién puedes expandir artilugios, buscare en la parte HTML de tu plantilla y eliminar la parte que muestra esa etiqueta. En este caso, pon una marca y guarda en un bloc de notas lo que elimines por si te equivocas y tienes que volverlo a poner.
Sobre el comentario en inglés, no sé como eliminarlo o pasarlo a español. Búscalo por si lo tienes asi en tu plantilla y lo borras o lo traduces. Si no está es cosa interna de Blogger.
Por último, ya he visto que has encontrado como poner la sidebar escamoteable.
Hola otra vez JogEUC. Busca la clase POST-COMMENT-LINK y le añades un atributo DISPLAY:NONE; De esa manera no se verá.
ResponderEliminarTambién puedes expandir artilugios, buscare en la parte HTML de tu plantilla y eliminar la parte que muestra esa etiqueta. En este caso, pon una marca y guarda en un bloc de notas lo que elimines por si te equivocas y tienes que volverlo a poner.
----------------------------------------------
Hola de nuevo no me resulto lo del boton comentario y elimarlo no se como
(no sse a que te refieres con agregar atributo solo le agrege DISPLAY:NONE; y no me resulto
disculpa por mi ignorancia
por si me puedes decir como agregarle iconos a los comentarios porfa
Saludos
los del texto en ingles lo he conseguido eliminar estaba en la plantilla xD
ResponderEliminarpero ahora me falta sacar el boton comentario xD
Hola:
ResponderEliminarHace tiempo que apliqué este truco en mi página y hasta ahora no me había dado cuenta de que no funciona con Internet Explorer 6 y 7. Como yo utilizo Safari pues no me había dado cuenta -con Firefox funciona bien también-. ¿Sabes a qué puede deberse esto?¿os pasa lo mismo a todos o solo a mi?
Puedes probar en la web de JogEUC y verás que sí funciona en IE. Por lo menos yo tengo el 7 y sí funciona.
ResponderEliminarFelicidades por este blog y gracias , soy seguidora desde hace unos días, conseguí poner (leer mas )en mi blog, pero algo hice mal, pues el corrector ortográfico ahora me sale en ingles en vez de español,
ResponderEliminaren fin todo en el primer intento, seria demasiado, seguiré experimentando.
Un saludo a todos
Muy bien Jose. Ya veo que haces pruebas y cuando te funcionan ya la pasas a tu blog definitivo. Así es como se aprende. Animo que todo es empezar.
ResponderEliminarHola soy nuevo en esto y me es de mucha ayuda,
ResponderEliminarGRACIAS!!!
HTTP://www.blog-gestion-empresarial.blogspot.com
¡Me vino de maravilla!
ResponderEliminarDespues de buscar un buen rato e intentar con varios codigos, fue el unico que me dio resultado.
Muchissimas gracias =D
Tengo posts muy largos y otros cortos en los que no tiene sentido esta función, y me pasa como dice Villapaul ya que a veces puede dar lugar a confusión, pero imagino que no se puede elegir en cuáles aparece el 'leer más' y en cuáles no, ¿verdad?
ResponderEliminarDe cualquier manera, muchas gracias.
Así es Lola, con este truco siempre aparece el Leer Más. Si tienes habitualmente entradas cortas, te conviene no usarlo. Está pensado para blogs con habituales entradas de más de dos o más párrafos.
ResponderEliminarcomo puedes poner el blog tan chulo con todas esaas opciones y todo eso?
ResponderEliminarexcelente blog..........
@ng3l, estás en el sitio apropiado para aprender a hacerlo.
ResponderEliminarDate una vuelta por el blog y también por los enlaces de "Otros sitios de ayuda" en la barra lateral. Todavía encontrarás más cosas de las que has visto implantadas aquí.
Hola! he descubierto hoy el blog: que maravilla!.
ResponderEliminarVerás, lo he puesto todo exactamente como dices ahí. Cuando guardo plantilla, me doy cuenta de que la palabra "item" (que aparece en el codigo), se convierte en esto: "item"
¿Porque? :(
Arreglado ELB. A Blogger no le sientan bien las comillas dobles (") en la parte del HTML. Entonces hay que sustituir cada una de ellas por un "
ResponderEliminarMe ha surgido un problema, y es que en mi plantilla el esquema que aparece como modelo para pegar los códigos en el HTML es distinto. Aún siguiendo a pesar de esa diferencia los pasos que aquí se me indican y colocar lo referente al "fullpost" a continuación, el post sigue como estaba con la novedad de tener en al parte inferior un enlace que pone "Leer más".
ResponderEliminarA ver si algún alma caritativa me echa una mano. Salud.
Pues es un poco difícil que te ayudemos Andrés, porque tu blog es sólo para invitados y así no hay forma ni de ver lo que te pasa, ni de ver tu código.
ResponderEliminarCierto, lo siento, despiste mío. Haciendo pruebas he logrado hacer funcionar el sistema, pero ahora me aparece un espacio en blanco entre el texto a mostrar y el enlace al texto oculto. A ver si esta vez me puedes echar un cable...jeje
ResponderEliminarOtra cosiña más, ignoro el motivo pero la navbar no me aparece. En su lugar un código tal que éste;
#navbar-iframe { height: 0px; visibility: hidden; display: none; }
Siento ser tedioso, pero es que soy lego en Informática y por si fuera peor de Letras...
Salud, gracias por la atención prestada y enhorabuena por la página.
Andrés, observo varios FULLPOST en la entrada de prueba, uno por párrafo. Entre ellos hay saltos de línea.
ResponderEliminarCon la clase FULLPOST, lo que está entre una pareja SPAN y /SPAN, no es visible, pero lo que hay entre parejas, en este caso saltos de líneas, sí que son visibles. Tienes un hueco equivalente a todos estos saltos de líneas que sobran.
Sólo hay que poner un SPAN con clase FULLPOST que englobaría a todo el contenido "oculto" (y su cierre, claro).
Con respecto a la NAVBAR, si lo que quieres es ver la NAVBAR, tienes que borrar el trozo que comentas y también este otro:
/* Blogger Navigation Bar */
#Navbar1 {
margin: 0;
padding: 0;
visibility: hidden;
display: none;
}
El siguiente también lo borras. Vale para una NAVBAR semivisible, pero hay otro hack mejor. Cuando lo necesites busca en este mismo blog "Navbar escamoteable".
<style type='text/css'>
#navbar-iframe {
opacity: 0.0; filter: alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity: 1.0;
filter: alpha(Opacity=100,FinishedOpacity=100)
}
</style>
Por último, estos dos trozos, me parece que los has puesto a propósito para crear una pseudo NAVBAR con tus enlaces. Si no te funciona, bórra ambos y empieza de nuevo.
Saludos,
<style type="text/css">#navbar-iframe { display:block }
</style>
--------
<div class='navbar section' id='navbar'><div class='widget Navbar' id='Navbar1'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener("load",
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<iframe src="http://www.blogger.com/navbar.g?targetBlogID=7903466280499005918&blogName=Cr%C3%B3nicas+galaicas&publishMode=PUBLISH_MODE_BLOGSPOT&navbarType=BLUE&layoutType=LAYOUTS&homepageUrl=http%3A%2F%2Fcronicasgallegas.blogspot.com%2F&searchRoot=http%3A%2F%2Fcronicasgallegas.blogspot.com%2Fsearch" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" title="Blogger Navigation and Search"></iframe>
<div></div>
Solucionado lo de la opción "Leer más". Ahora acabo de conseguir que aparezca de nuevo la Navbar, y voy ipso facto a tu entrada sobre la "Navbar escamoteable".
ResponderEliminarMuy agradecido. Salud.
Como puedo alargar la plantilla a lo vertical para que se se puedan poner mas escritos
ResponderEliminarNo entiendo muy bien tu pregunta, anónimo. Prácticamente todas las plantillas hacen eso de manera automática. Cuanto más escribes, más se alargan.
ResponderEliminarKiro Dice:
ResponderEliminarHola, acabo de leer el articulo. De hecho acabo de encontrar esta pagina gracias a un usuario en yahoo.
Pregunta: es tan sencillo como pegar el codigo q proporcionas al principio, editarlo y ya?
Ho q ajustes previos debo de hacer? (es la primera vez q hago un blog, y la primera q trato de insertar dicha aplicación)
mi problema es que yo tengo un blog en blogger pero el codigo no esta en css o comos e escriba ademas es un plantilla que descargue y la remodele de blogskins y quiero agrega esa opcion pero no se como hacerlo si me puede ayudar se los agradeceria un monton=)
ResponderEliminarKiro: No es que sea sencillo (tampoco complicado), pero sí es cierto que sólo se trata de ir siguiendo las instrucciones e ir añadiendo el código que se indica donde se indica.
ResponderEliminarLuego, cada vez que publiques una entrada, tienes que meter cada parte dentro de la clase correspondiente: lo que se verá y lo que no se verá (fullpost).
Agustina: Lo primero de todo, ni habilitaste tu perfil ni indicas tu dirección, así que es imposible ver nada. De todas formas, en un principio, da igual la plantilla que tengas para implantar esta utilidad. Si es de Blogger, el data:post.body lo tienes que tener en algún sitio.
Hola de nuevo. Primeramente: espero estes de lo mejor.
ResponderEliminarAnteriormente habia preguntado si bastaba con copiar y pegar el codigo. A como intento, me doy cuenta que no.
La verdad es que le he movido a un sin fin de cosas (en los codigos) y sigo sin encontrar mejoras.
He checado preguntas anteriores de otros usuarios, verifike lo de las " comillas " y sustitui (segun yo) por " (no se de q me habra servido.
La verdad es que estoy en ceros.
Podria haber una forma MAS sencilla y simple de explicar esto?
Cual es la parte del codigo q debo de modificar y personalizar?
Muchisimas gracias por tu tiempo y tu lectura. Saludos
Hola Kiro. Sí que es suficiente con copiar y pegar el código, pero tienes que saber qué cortar y dónde pegarlo. Eso es lo que se explica en el post.
ResponderEliminarDe todas formas, este es un sistema semiautomático, por lo que sólo te saldrá el leer más en los posts en que tu lo añadas a mano, tal y como se explica a partir de "Una vez hecho esto..."
Hola que tal, tengo una pregunta por un problema referente al tema que aquí se trata.
ResponderEliminarLlevo tiempo con este sistema de el leer más y jamás había tenido problema alguno, pero
hoy concretamente me he dado cuenta de que el leer más me sale en todos los posts por arte
de mágia y para más inri que es lo que más me fastidia es que en las entradas que asignaba
esta caracteristica cuando pulso en leer más ya no se abre. Que ha pasado? yo no tengo ni
idea, si hay alguien que le pase y haya dado con la respuesta, por favor que comente.
Muchas gracias de antemano. Un saludo.
Hola Keko. Acabo de probar tu web y veo post de una clase y de otra. Los que llevan el "leer más" funcionan correctamente. Puede que fuera algún problema puntual que ya has solucionado.
ResponderEliminarSaludos
Si Oloman, era por el script que ya no funcionaba, lo busqué en el blog de Rosa que casualmente lo tenía, lo descargué y lo alojé y todo vuelve a la normalidad. Muchas gracias por tu interés, un saludo grande.
ResponderEliminarHola tengo una duda encontre este script en mi plantilla:
ResponderEliminar< div class='navbar section' id='navbar'>< div class='widget Navbar' id='Navbar1'>
< script type='text/javascript'>
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener("load",
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
< / script>
y no se para que sirve, estoy quitando scripts que hagan lenta la carga del blog, queria saber si este me sirve de algo sino para quitarlo.
En honor a la verdad, Nakahito es que no sé que es lo que hace, pero por el nombre de la clase (navbar), algo relacionado con la barra superior que Blogger pone en todos los blogs .blogspot
ResponderEliminarEn tu caso, el código CSS
.navbar {
visibility:hidden;
display: none;
}
hace que la barra no sea visible, por lo que supongo que el eliminar esa parte no te provocará ningún cambio. Puedes anularlo con símbolos de comentarios <!-- CODIGO --> por si más adelante lo quieres recuperar.
gracias lo quite parece que no era nada indispensable gracias . ^^
ResponderEliminarSiento si mi duda es una chorrada pero soy absolutamente nueva en esto y no se cómo quitar la opción "leer más" porque no me interesa. NO recuerdo ni cómo la puse pero me sale "Leia mais" en todos los post y no quiero que salga..¿basta con cortar parte del código HTML? ¿qué parte?
ResponderEliminarMuchas gracias por tu ayuda y tu magnífico blog
Habría que saber que tipo de código has usado para montar el sistema y no has puesto un puñetero link :) Una vez que lo sepas, sólo se trata de invertir el proceso que se explica para montarlo. No sé si será este. Por favor... una dirección para mirar.
ResponderEliminarPerdona, es que estoy hecha un lio, no tengo problema en encontrar contenidos para el blog pero estas cuestiones no las se resolver. Mi blog es todoesfisicayquimica.blogspot.com
ResponderEliminarMuchas gracias de nuevo
Por cierto, soy la del comentario nº41. Perdona mi pedrada.
ResponderEliminarHola Sara.
ResponderEliminarCreo que tienes esta modalidad de "leer más".
Comprueba si el código que allí se facilita coincide con el que tienes actualmente en tu plantilla y si es así, en ese mismo post podrás ver las líneas que hay que insertar para crearlo. Sólo quitando las que se añadieron ya funcionará normal.
Luego, tal y como se explica al final, si añadiste en Configuración-->Formato un texto-guía, lo quitas y te dejará de aparecer en los nuevos posts.
Por último y esta es la peor parte, si quieres dejar limpio el código, aunque no es necesario, puedes quitar de tus actuales posts, la expresión <span class="fullpost">
y su correspondiente cierre.
</span>
Hola Oloman, nuevamente te saludo. Esta entrada está genial pero con la plantilla notepad chaos no funciona, al parecer los codigos son totalmente diferentes ya que div class='post-body' no existe.
ResponderEliminartienes la solución a esto para aplicar fullpost en esta plantilla.
Saludos.
Leonardo
Hola Oloman, encontré la solución en esta página
ResponderEliminarhttp://technicalcontents.com/blog/how-to-create-expandable-posts-summaries-in-blogger/
Por si alguien más tiene el mismo problema solo hay que cambiar los quotes.
Un abrazo.
Leonardo
Ok Leonardo. Gracias por la aportacion.
ResponderEliminarCuando tengas un rato echa un vistazo a este otro sistema que también queda fenomenal... incluso para Notepad Chaos. Saludos.
Amigo he aplicado los cambios a mi plantilla para que aparezca el leer mas, hice todo los pasos pero aparece siempre en full el post, te paso la dire: http://kal3d.blogspot.com lo aplique aca: http://kal3d.blogspot.com/2009/10/dance-flick-rmvb-latino.html y no me aparece, me podrias decir que hice mal? Gracias
ResponderEliminarSegún lo veo KAL3D, el texto que pretendías ocultar, lo has dejado fuera de la etiqueta SPAN CLASS='FULLPOST'. Sólo lo que está dentro permanecerá oculto en la portada y otras páginas.
ResponderEliminarhola, te queria consultar como haces para que estos comentarios queden dentro de esta caja color...beige o amarillo grisaseo??
ResponderEliminarte agradezco una respuesta a alfonso_cano@live.com
muchas gracias
Anónimo, tienes que buscar la clase .comment-body
ResponderEliminarAllí simplemente coloca un BACKGROUND de color o de imagen y ya está.
oloblogger, en alguna parte explicabas cómo expandir/contraer o leer más con las viñetas al costado. Me puedes pasar el link? no sé cómo buscarlo por el título (me refiero, sí, a cómo tú lo tienes en tu blog). otra cosa, qué pasa con las entradas que ya he hecho si implemento el código de expandir/ocultar del tipo que sea? ¿me tengo que ir a cada entrada para poner la parte de código?
ResponderEliminarAunque no estoy muy seguro, creo que es esto lo que buscas. No es exactamente un leer más sino una forma de mostrar sólo los títulos de las entradas (a modo de reumen), para cuando se navega por categorías. El sistema es automático para todas las entradas porque está basado en un script.
ResponderEliminarMuchas gracias. Había buscado como hacerlo por otros blogs y siempre era bastante más tedioso y complicado. Con tus notas lo he realizado en 5 minutos. GRACIAS CAMPEÓN.
ResponderEliminarMe ha funcionado perfectamente. Venía a los comentarios para preguntar si había alguna manera de que no apareciese en todas las entradas sino solo en las que use el código, pero di con que otras personas ya lo preguntaban y no se puede.
ResponderEliminarDe todos modos, intentaré usarlo en practicamente todas mis entradas. Así que otra vez, gracias!
Playsonic2, si lo quieres hacer a discreción, de forma manual, para unas entradas sí y otras no, date una vuelta por este otro post.
ResponderEliminarConsulta para el autor:
ResponderEliminar- Seguí los pasos recomendados, me aparece la opción de "Leer más", pero cuando le hago clic, la entrada aparece vacía, sin texto alguno.
Miré en los comentarios si a alguien le había pasado pero no. ¿Me podes guiar, por favor?
Muy buena la ayuda que ofreces en tu blog. Gracias.
Ya solucioné el problema: había pegado mal el código a copiar.
ResponderEliminarMuchas gracias de nuevo.
Mariano Dios
No hay de qué... ¡y nunca mejor dicho! :D
ResponderEliminarHola!!!!
ResponderEliminarYo tengo puesto el seguir leyendo, pero he puesto uno para que solo me aparezca en las entradas que yo quiero, he probado con una entrada para ver como quedaba pero resulta que me aparece el seguir leyendo pero debajo me queda mucho espacio vacio hasta que pone comentarios y queria saber como podia hacer para acortar ese espacio porque si no queda mal que se vea eso vacio.
mil gracias
mi blog es:
esfantastico.blogspot.com y la entrada dodne lo he puesto es la segunda de concursos
Pues no lo sé Ani, pero porque pruebes algo, lo más probable es que en el propio post se incluyan saltos de línea de más o DIV's innecesarios. Eso puede ir metiendo linas y crearte ese huebo.
ResponderEliminarHola de nuevo:
ResponderEliminarPues agradecerte tu ayuda porque tenia muchos espacios y eso me hacia que me quedara muchos hueco. se los he quitado y listo,fenomenal!
un saludo
Hola Oloman !!!
ResponderEliminarAqui de nuevo hinchando....
Me gustaria hacer las entradas con resumen y leer mas pero con una altura fija como si fuera dentro de "tablas", (umm no se si estoy explicando bien)
Creo que tu las tienes así, verdad?....es que todos los posts ocupan mucho lugar y se pierden los antiguos...
(preferentemente con script en la plantilla..no se como guardar un script ji.ji.ji.)
Mil gracias !!!
(dale una mirada al blog que ayudaste a construir, con otros buenos amigos blogueros como tú:
esperanzaparaelautismo.blogspot.com)
Saludos!!!!
)
Hola Gra. No los tengo exactamente como dices, sino con un número de caracteres determinados.
ResponderEliminarLa manera de hacer esto es otra que se explica en Post en forma de sumarios. Allí tienes toda la información necesaria.
Graciaaaas!!!. Justo hace un rato lo encontré....Mi duda es que ocurre con los videos, pero lo pruebo y luego te vuelvo a molestar !!!!
ResponderEliminarSaludos cordiales!!!!
gracias me sirvio mucho pero sigo teniendo problemas yo hice lo que me dijiste y a final de cada post me sale leer mas lo que esta super copado pero tengo un problema en la segunda parte de este porceso en lo de visible y oculto lo hice tal cual como me sale pero mas sin embargo me sigue saliendo todo lo que escribo osea no se me oculta nada todo sigue siendo visible que hago??
ResponderEliminarCrisrina, esta entrada es algo antigua y requiere incluir código manualmente a cada entrada publicada. Mejor que utilices el sistema del enlace que facilito en el comentario #65. Ese genera un "leer más" automático.
ResponderEliminarOloman, no me funciona!! Inserto los codigos exactemente donde dices pero le doy a previsualizar y lo de "Leer mas" no aparece por ningun lado.
ResponderEliminarHe probado mil cosas y ya no se que haceeer!!¿Puedes ayudarme, por favor?
Por cierto, utilizo la plantilla Tina Chen.
Gracias de antemano.
Ok, problema solucionado! Solo tengo que darle a "salto de linea".xD Mira que era facil!
ResponderEliminarEstupendo Miki. A veces me alegro de no poder atender vuestros correos pronto, porque la mayoría de veces solucionais vosotros solos los problemas y eso es bueno para ambos. Vosotros aprendeis más practicando y yo trabajo menos :D
ResponderEliminarBuenos días:
ResponderEliminarEn primer lugar muchas gracias por todos los aportes, son realmente buenos.
Mi problemas es que he intentado agregar leer más tal como has explicado pero no funciona.
Me aparece la imagen de leer más pero nome corta el post. Cuando publico una entrada la publica entera sin cortarla y el icono de leer más aparece abajo.
Te dejo la dirección de mi blog para que veas como queda ya que una imagen vale más que mil palabras.
http://wonephe.blogspot.com/
Por favor, ayudame! estoy ya desesperada, lo he intentado un montón de veces y ya no se que hacer!
¿qué debo hacer para que se corten los post por dónde yo quiero?
Muchísimas gracias.
WonEphe esta solución es un poco antigua. Desde hace un tiempo, Blogger ya proporciona una herramienta para hacer los cortes en los posts. En este enlace de Vagabundia puedes ver una explicación, ya que yo no he escrito nada sobre ello.
ResponderEliminarTodo esto es siempre que quieras hacer un corte a voluntad de manera manual para que sea exactamente dónde te interesa. Siquieres hacer sumarios automáticos, como en la página principal de este mismo blog, entonces tendrás que leer este otro artículo.
Muchísimas gracias de verdad!
ResponderEliminarPor fín lo he conseguido y tenías razón, es mucho más fácil de la otra forma!
Mil gracias de verdad, llevaba mucho tiempo intentándolo.
Muy buen blog por cierto!
Bye Bye
la verdad que no entendi nada ¿me ayudan?
ResponderEliminarExcelente dato !!!! muy bueno este blog, yo estoy de a poco armando mi blog y de acá de sacado varias ideas, mi blog: http://cristianxmaster.blogspot.com/
ResponderEliminarAdiós, gracias
Novela 2011 intento que cuando redacto, se entienda lo que pretendo explicar. Pero si no es así, sólo tienes que seguir las instrucciones.
ResponderEliminarmuchísimas gracias, todavía no me creo que haya podido encontrar el HTML correcto después de tanto tiempo de buscarlo...
ResponderEliminarRepito, gracias Oloman!!
De nada Lala. Y ahora, si quieres volver a complicarte la vida, pero para que todo ese proceso sea automático y no haya que estar metiendo código a mano en los posts, prueba si quieres este otro sistema.
ResponderEliminarOloman, tengo un problema y es que mi código es diferente y no me aparece esa parte que dices que hay que sustituir. Vi el comentario de otro que tenía el mismo problema y dejó la solución, pero el enlace que ha dejado ya no sirve y de verdad que ésto me viene muy bien porque en mi blog publico los capítulos de mi novela y son muy largos. He buscado en más sitios pero todos siguen los mismos pasos que tú. No sé por qué no me aparece esa parte del código... ¿Alguna idea?
ResponderEliminarGracias de antemano...
LucíaSadisticMadness ¿Quieres cortar los posts manualmente uno a uno por un sitio exacto a tu discreción o te valdría un código que te presenta los primeros n caracteres de cada post automáticamente?
ResponderEliminarComo todos tienen una extensión parecida preferiría que se hiciera automáticamente en todos, mostrando cosa de un par de párrafos...
ResponderEliminarEste es mi blog, actualmente estoy recortándolos con el método de "salto de línea" pero no me gusta mucho y preferiría que fuese automático, si tienes alguna solución te lo agradecería.
http://luchsadisticmadnesshistoria.blogspot.com/
A ver que tal con este sistema, LucíaSadisticMadness. Es el que uso en mi Home:
ResponderEliminarSumarios automáticos
Hola!! realmente muy interesante, pero al hacerlo no vi ningún resultado, será que estoy haciendo algo mal? gracias
ResponderEliminarCreo que lo hiciste bien SolyLuna, sólo que te faltó la segunda parte. Tienes que poner la parte que no quieres que se vea de primeras entre estas dos etiquetas:
ResponderEliminar<span class="fullpost">
TEXTO A OCULTAR
</span>
hola olo , a mi no me sale ese codigo
ResponderEliminaren mi plantlla quiesiera saver que plantilla utilisaste
Aminartu (y los demás que pasen por este antiguo post), actualmente Blogger proporciona una manera de crear un salto de este tipo desde la pestaña Redactar del editor de entradas. Es un icono parecido a un papel partido en dos: "Insertar salto de línea"
ResponderEliminarmuchas gracias por la info.. lo venia intentando y no me daba resultado.. hasta que encontre este sitio y pude ponerlo.. muchas graciassss!!!
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarGracias por el aporte, el único problema es: que aparece abajo de las letras, y seguido como si fuera el mismo post, sé que debe de ser trabajoso para ud, pero necesito de su ayuda, por favor ayudeme. Gracias de antemano.
ResponderEliminarMe gustaria que fuera mas o menos asi (algo de palabra LEER MAS...)_____________________
ResponderEliminarY no así (algo de palabra
LEER MAS...)
Gracias.
Gabriel, este truco es innecesario desde que Blogger incorporó la opción <!--more--> en su editor de entradas. Puedes buscar esa palabra ("more") en el buscador o "jump-link" y verás algunos apuntes sobre cómo utilizarla y cómo configurarla.
EliminarGracias por la respuesta, en estos momentos me voy de caza. A ver lo configuro justo como me gusta, muy buena su página por cierto.
ResponderEliminarBueno, estuve buscando por sus páginas y casi todos dicen lo mismo,claro con muchos estilos; eso es lo que entiendo, ni modo gracias por todo, por ahora ahí queda.
ResponderEliminarQuizás la más clara para lo que pretendes es esta:
Eliminarhttp://www.oloblogger.com/2011/02/modificar-el-aspecto-del-corte-mas.html
Primero tendrías que utilizar ese sistema para crear tu corte y luego cambiar las propiedades CSS para ponerlo como gustes.
hola, oloman; fuí a la dirección que mencionas, y en verdad algo pude hacer, aunque primero malogré mi página ja ja, y tuve que arreglar de entrada en entrada; pero ya; casi está como quiero; y nuchas gracias por su aporte, de verada son muy valiosos. Siga adelante.
ResponderEliminarHola!
ResponderEliminarQuería preguntar algo con respecto a la opción Leer más. En la plantilla que implanté hace tiempo, ya estaba incluido esto, y simplemente lo que hacía era copiar y pegar el texto (sin los !, que sino no me lo cogía) en cada párrafo del texto que no quería que saliera en un principio, porque si sólo lo ponía desde donde quería hasta el final no me funcionaba.
Mi problema es que se crean excesivos espacios entre el texto principal y el Leer más. Ya he visto algún comentario que le pasaba lo mismo, e incluso he borrado los DIV y BR sobrantes, pero ahora incluso me ha salido más espacio al volverlo a modificar.
Mi blog es: http://janeblack88.blogspot.com.es/ por si le podrías echar un vistazo, o si me podrías decir qué puedo hacer...
Gracias!!
Vale, no ha salido el código que había puesto.
EliminarCorrijo:
** y simplemente lo que hacía era copiar y pegar SPAN class="fullpost" en cada párrafo del texto (...)
El problema creo que no es el fullpost, sino que usas DIV para alinear y saltos de línea continuos. Deberías revisar tus entradas desde la pestaña HTML del editor para detectar todo ese código sobrarnte y poder borrarlo. Por ejemplo, en "Crítica a la trilogía 'Cincuenta Sombras'" hay montones de ellos.
EliminarGracias por tu respuesta!
EliminarNo lo he conseguido solucionar. He borrado los DIV para alinear que me sobraban, y los saltos de línea algunos, no todos, porque sino el texto se me quedaba todo junto. Pero sigue estando ese espacio inmenso entre el texto y el Sigue leyendo. No se me ocurre qué más podría ser. :(
Creo haber visto algo. El fullpost sólo lo tienes que poner una vez para englobar todo lo no visible.
EliminarAhora tras comprobarlo, me di cuenta de que dijiste que copiabas ese SPAN en cada párrafo. Sólo has de ponerlo una vez o de lo contrario te genera una línea en blanco por cada párrafo.
Es más visible en los que tienes más párrafos, como el caso del que te indiqué en mi anterior comentario.
El problema es que si lo pongo sólo al principio y al final de donde quiero, no me funciona. Ahora estaba mirándome un poco el código, pero es algo distinto a lo que pusiste en tu página, porque como te dije, lo del fullpost era algo que ya venía de la plantilla, pero no me termino de aclarar mucho.
EliminarBueno, el código de la página no lo he cambiado al final, porque no me funcionaba. He probado a poner el FULLPOST al principio y al final en mis dos últimas entradas y milagrosamente me funciona (siempre que lo ponga antes del /DIV final, porque sino tampoco).
EliminarPero me sigue sin funcionar en la entrada de "Crítica a la trilogía "Cincuenta Sombras"", he comparado los códigos de esta entrada con las otras dos, y lo veo igualito. No entiendo porqué no funciona. Qué desesperante...!!
Ahora mismo sí que te funciona, por lo que entiendo que ya encontraste "la diferencia".
EliminarDe todas formas se me olvidó comentarte que actualmente hay una manera más fácil de hacer esto mismo con una opción de serie de Blogger. Lee el comentario 93.1. Simplemente utilízala a partir de ahora; no es necesario que edites de nuevo todos los posts ya publicados.
Buenas. Se que ha pasado mucho tiempo de esta entrada y que , ademas, las "Vistas Dinámicas" son casi otro mundo pero estoy preparando un blog para unos amigos con la plantilla Magazine de Vistas Dinamicas y me gustaría poder utilizar el "leer mas" que gracias a ti pude utilizar en alguna plantilla de las antiguas...¿existe la remota posibilidad de hacerlo en este? El blog es: http://asociacion-milana-bonita.blogspot.com.es
ResponderEliminarMuchas gracias paisano.
:) (por lo de paisano)
EliminarVa a ser que no Maldia. Las vistas dinámicas son muy poco modificables, pero es que además, esas ya llevan un sistema similar "de serie" con el que las entradas aparecen en forma de sumarios en la página de Inicio. Así que es innecesario.
Gracias por responderme. Sé que llevan "de serie" un sistema similar pero les falta lo de "leer mas" dando la sensación en algunas entradas que el texto acaba ahí y mucha gente se queda con el poco texto del "sumario". Tan solo me gustaría poder agregarle eso, el "leer mas" para enlazar con la entrada completa. De todas formas gracias de nuevo.
EliminarDesde Águilas, un saludo.
Pues no sé, pero por probar, prueba a añadir a mano o con el correspondiente icono del editor de entradas el salto estándar tras el primer párrafo. Ese que inserta un <!-- more --> Quizás te funcione.
EliminarHola oloman, espero me puedas ayudar.
ResponderEliminarYo uso lo de leer más en mi blog, pero quería saber si luego de pucharle a "leer más" y aparece la entrada ya completa, hay alguna forma de que la entrada aparezca un poquito más abajo. Lo que pasa es que yo tengo un menú fijo y cuando ya aparece la entrada completa, donde se hace el corte para lo de leer mas queda justo hasta el mero tope de arriba del blog y pues el menú me tapa las primeras lineas de lo que sigue del post, entonces quiero que no se vaya tan arriba el corte. Espero haberme explicado.