"Leer mas" en Blogger Beta
Este truco no es original mio si no de Hackosphere, el nos enseña el truco de "Leer mas".
¿En que consiste?
Si tenemos un post muy largo o queremos atraer al lector para que siga leyendo podemos usar este truco.
Ahora vamos a realizarlo
Realizando...
1. Nos dirigimos a:
Plantilla--Edicion de HTML--Marcamos la casilla "Expandir plantilla de artilugios"
2. Buscamos </head> y debajo colocamos el siguiente codigo:
<script type='text/javascript' src=
'http://www.anniyalogam.com/widgets/hackosphere.js' />
3. Buscamos "post-header-line" para hallar la porcion de codigo en tu template y añadimos lo que esta en rojo, como se muestra:
<b:includable id='post' var='post'>
<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Leer Mas......</a>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
3. Click en Guardar Plantilla.
4. Nos dirigimos a:
Opciones--Formato, en el fondo puedes hallar la caja de texto que dice "Plantilla de Entrada", Copiar y Pegar estas lineas de codigo:
Escribe tu resumen aqui
<span class="fullpost">
Escribe el resto del post aqui
</span>
5. Hacemos click en "Guardar Valores"
Nota: Gracias a Hackosphere por el "hack"
Actualizacion: gracias a sus comentarios he mejorado el codigo. Saludos
¿En que consiste?
Si tenemos un post muy largo o queremos atraer al lector para que siga leyendo podemos usar este truco.
Ahora vamos a realizarlo
Realizando...
1. Nos dirigimos a:
Plantilla--Edicion de HTML--Marcamos la casilla "Expandir plantilla de artilugios"
2. Buscamos </head> y debajo colocamos el siguiente codigo:
<script type='text/javascript' src=
'http://www.anniyalogam.com/widgets/hackosphere.js' />
3. Buscamos "post-header-line" para hallar la porcion de codigo en tu template y añadimos lo que esta en rojo, como se muestra:
<b:includable id='post' var='post'>
<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Leer Mas......</a>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
3. Click en Guardar Plantilla.
4. Nos dirigimos a:
Opciones--Formato, en el fondo puedes hallar la caja de texto que dice "Plantilla de Entrada", Copiar y Pegar estas lineas de codigo:
Escribe tu resumen aqui
<span class="fullpost">
Escribe el resto del post aqui
</span>
5. Hacemos click en "Guardar Valores"
Nota: Gracias a Hackosphere por el "hack"
Actualizacion: gracias a sus comentarios he mejorado el codigo. Saludos








47 comments:
este codigo no se como ponerlo porque asi me da error
no pude poner el codigo
a mi me aparece asi
tampoco pude poner pero ami luego de la palabra post se me ciera el codigo ya la parte de uncontum... no me sale
que hago por dios porque necesito esta herramienta
Sigo todos los pasos que posteaste, pero cuando coloco el resumen en la primera linea, y el resto en la otra linea, me sale al publicar el blog, todo el post pegado, y cuando le doy en leer mas, me sale bien, porque sera, me podrias ayudar.
Genial!! ningún problema
Lo he hecho y deshecho varias veces y ya le he pillado el truco PEEEERO no sé dónde fallo porque el tema se me expande sólo después de unos segundos...
Sigo todos los pasos, lo hago todo perfecto, pero cuando publico el post me sale sin el "Leer más" y todo lo que escribi al completo. ¿Puedes ayudarme?
Muchas gracias por poner este gran y util truco. Me viene de perlas!!!
Muchas gracias!!!^^ Sigue asi!!!
ola amigo estube leyendo tu post y no me resulta y necesito esta codigo en mi blog si me puedes ayudar
porfavor
Hola felicidades por el blog, veras puse todo tal y como aparece aqui y lo unico que conseguido es que debajo de mi entrada ponga leer mas....
pero no me sale el resumen , me sale el texto entero y debajo leer mas...
¿ que hago?
Hola, tengo un blog he intentado hacer lo que aqui pones pero me sale el leer mas al final de la entrada y se ve toda la entrada entrada y encima del titulo de la entrada sale unos de los cogidos que añado en rojo a la plantilla, me puedes ayudar?.
Arwen.
Me aparece el Leer Mas.. hasta abajo xD y no se donde falle..
Aca mi blog
www.srolatino.blogspot.com
Saludos y buenos tips ;D
me perdí en el punto 4!, donde esta lo de opciones..formato!?"
alguien me puede ayudaR?
xcierto muy bueno el blog, gracias por tenerlo!
El punto 4 Opciones: Formato es = a Configuracion -> Formato
Suerte
hola, puse el codigo y me sale perfecto lo de espandir el post pero hay un problema, al principio del post sale la palabra "Escribe tu resumen aqui", ya revise el codigo y esta bien , espero me puedas colaborar, mi pag es www.nproystems.es.mn
no me encuentra asi el codigo, en ninguna lado me pone asi seguido el codigo, xq puede ser? es totalemnte distinto al q me pone hay de ajemplo...
Funciona estupendamente, muchas gracias.
Gente, esto anda perfecto, y hasta le hice algunas modificaciones (y eso que de programación no cazo una!!!). El tema es usar el sentido común: tras hber echo todos los pasos dirijanse a la creación de entradas. alli veran:
Escribe tu resumen aqui
Escribe el resto del post aqui
Entonces alli seleccionen donde dice que escriban el resumen, y sobreescribanlo con el resumen de la entrada, luego en donde dice escribe el resto del post, seleccionenlo y sobreescribanel resto de la entrada.
Claro!!! Corroboren haber puesto todo bien en la plantilla html, eso solo lo haran comparando la suya con el ejemplo de este tema y el famoso metodo de ... "Ensayo y error".
Desde ya mil gracias y saludos.
PD: Obvio, no funcionara con entradas viejas, tendran que volverlas a escribir y eliminar las antiguas...
gracias por el consejo
hola implemente este truco en mi blog pero me aparece el leer mas en todas las entradas no se por que, alguien me podria ayudar miren chequen como quedo.....
y en algunas parte el codigo de mi template no es igual al que mencionan aqui varian en algunas cositas tal vez sera por eso???
Ya hice la modificación en html plantillas y guarde cambios. Per en el paso 4 dices: 4. Nos dirigimos a: Opciones--Formato,
No se porque pero yo no encuentro ningún lugar donde diga "OPCIONES" me podrán ayudar?
Pongo el código y me aparece abajo del todo de la entrada. Cuando creo una nueva, pongo el codigo que nos indicas y me sigue apareciendo igual. El código no me funciona. Alguna sugerencia???
me resultó todo bien, gracias, pero al postear me sale este vínculo antes
expr:id='"post-" + data:post.id'>
please te agradecería mucho qe me ayudaras con esto...
zero.natural.zero.artificial@gmail.com
Hay algunos problemillas por los cambios que ha habido en los últimos tiempos con las plantillas de blogger, por eso habrá gente que les funcionará como aquí se explica y otros que no, en este artículo explico como hacerlo en plantillas muy nuevas (básicamente es la misma idea).
http://www.oscargp.net/2008/04/agregar-leer-mas-o-un-read-more-al-blog.html
puse el codigo todo barbaro pero cuando apreto en "leer mas..." no me aparece la nota! que hago?
Muchas gracias, funcionó perfecto!
pueden verlo si quieren en mi blog de recetas de cocina :)
un beso!
Muuuchas gracias, ya lo tengo funcionando en mi blog.
Esperamos más trucos para mejorar blogger
un saludo!
Despues de revisar varios blogs con este tema, aqui encontre la solucion para mi blog.. aunque en el html mi blog no aparece exactamente lo que dice en el punto 3, logicamente aparece algo similar y al final resulto.. gracias!
Me funka tu codigo bacan!
pero hay un problema, yo muestro videos de youtube y cuando das en "Leer más" no te deja ver los videos, solo muestra espacios vacios, como si lo estuviera bloqueando.
Este es mi blog:
gentecno.blogspot.com
Lo hice y me funciono de maravilla, el truco es ir buscando los codigos con CTRl + F, solo hay que ser ingenioso, a mi me daba muchos errores pero al final hice.
Che, hace dos días que me metí en esto de armar un blog y pude hacerlo funcionar perfectamente !!!!reservadelibera.blogspot.com
Asi que gracias loco, muy útil esto!
ya se que esto fue hace bastante pero.. trate de hacerlo..
y funciona perfectoo.. escribo en las lineas y me pone todo el leer mas... excelentee...
ahora, que pasa si yo no quiero poner leer mas... en algun post que no sea largo? puede ser que tenga que ir a html cuando escribo una entrada, y sacarle el codigo ese de span y /span???
gracias..
Funciono perfectamente para mi blog de peliculas http://24hpeliculasonline.blogspot.com
Puedes canviar el Leer más por una imagen como e echo yo.
Oye Pongo todo pero no aparece enmi blog en html me fije i aparecio uno = pero en ves de < h3> sale < h2> pero total lo pongo y si sale pero me suprime lo de la lateral y al prinsipio de la entrada aparece expr:id='"post-" + data:post.id'> q onda q rollo q puedo aser ayudame mi correo bad_boy2.0@hotmail.com
No encuentro el "post-header-line" del segundo paso
Pues nada, fue muy sencillo de aplicar tal y como aqui se explica, si quieren ver el resultado en mi blog aqui les dejo la direccion
http://satspain.blogspot.com/
Si tienes posts cortos, no es necesario utilizar el codigo
span class="fullpost"
lo borran y escriben todo el post y listo.
Hola, tengo un blog he intentado hacer lo que aqui pones pero me sale el leer mas al final de la entrada y se ve toda la entrada entrada y encima del titulo de la entrada sale unos de los cogidos que añado en rojo a la plantilla, me puedes ayudar?.
dime porfa como los puedo quitar
xion1313@hotmail.com
Gracias de nuevo por este magnifico script. Me ha servido de mucho.
Podéis ver el resultado en http://forumblanes.blogspot.com/
thanks for the script. all people is welcome to my site.
http://download-and-play.blogspot.com/ for download games.
Hola, Gracias, pero...
Todo bien, pero este codigo me sale debajo de la fecha:
expr:id='"post-" + data:post.id'>
Como lo quito???
Gracias
expr:id='"post-" + data:post.id'>
TITULO
prueba esto supuestamente es lo q va sin resumen
papapa
ESTOY NBUSCANDO POR TODOS LADOS Y NO SE POR Q ME SALEN MAL LAS COSAS
me sale expr:id='"post-" + data:post.id'> DE MAS NO SE POR QUE
ADEMAS
MIRA LA PAGINA www.lostph.blogspot.com mira como tiene el leer mas lo tiene diferente
directamente se ve lo q queres agregar abajo no te manda a otra pagina
Me parece que no es justo, con todo este desastre que tienen ustedes los que copian y pegan, y sin saber nada del asunto se ponen a copiar cosas que luego no pueden resolver. Si te das cuenta tiene 40 comentario del supuesto truco y no hay uno positivo.. Si usted no sabe de esto deje de copiar y pegar Coñaso.....He tratado de hacer este truco y como a los 40 que han dejado mensajes negativos no me sale tampoco..
este code esta ratata bueno ami me funciono muy bie solo k este pedaso del code no lo coloque por k miplantilla lo rechaso expr:id='"post-" + data:post.id'>y como kiera fucionos asi k tiene k colocar todos los demas yo coji 2 dia para ponerlo jejej gracias a utedes desde alofokemovies
Oye, me acuerdo que una vez hice esto.. pero algo que vi en otro blog me parecio mucho mas interesante..
Era que al hacer click en Leer mas, no se te abria la direccion especifica del post, sino que dentro de la misma pagina, sin tener que entrar a ningun lado, aparecia la otra parte del post..
Alguien sabe como hacerlo?
Necesito ayuda. !
Sé que la entrada es vieja pero, lo que ocurre es que me slae en TODAS las entradas y yo solo kiero en algunas!
HELP PLEASe!
...
Hola.. Disculpa, pero no encuentro el post-header-line, mas o menos por donde esta???
Gracias
hey muy bueno ^^
pero tengo una duda
como le hago para que no salga 'Leer Mas. ' en todas mis entratas :S solo que salgan en las mas lasrgas
Post a Comment