Web Trucos Blogger
Principal Administracion Feed del Blog
 

"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

57 comments:

BigBaires said...

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

guillermo said...

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.

eva said...

Genial!! ningún problema

Familia Rodricano said...

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...

Roberto said...

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?

LivedStudios said...

Muchas gracias por poner este gran y util truco. Me viene de perlas!!!
Muchas gracias!!!^^ Sigue asi!!!

JULIO HERNANDES said...

ola amigo estube leyendo tu post y no me resulta y necesito esta codigo en mi blog si me puedes ayudar


porfavor

YOHANA.HH said...

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?

Arwen said...

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.

Du4l said...

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

ClarA said...

me perdí en el punto 4!, donde esta lo de opciones..formato!?"
alguien me puede ayudaR?
xcierto muy bueno el blog, gracias por tenerlo!

Azulito said...

El punto 4 Opciones: Formato es = a Configuracion -> Formato

Suerte

NuryFV said...

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

Anonymous said...

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...

molecula said...

Funciona estupendamente, muchas gracias.

Ema said...

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...

julito said...

gracias por el consejo

Administrador said...

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???

FernandoSZ said...

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?

Isra said...

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???

GT said...

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

Oscar GP said...

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

Kakaroto Competicion said...

puse el codigo todo barbaro pero cuando apreto en "leer mas..." no me aparece la nota! que hago?

maria said...

Muchas gracias, funcionó perfecto!

pueden verlo si quieren en mi blog de recetas de cocina :)

un beso!

The Tudors, la historia said...

Muuuchas gracias, ya lo tengo funcionando en mi blog.

Esperamos más trucos para mejorar blogger

un saludo!

aOliNeX said...

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!

Anonymous said...

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

CCL said...

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.

ADN said...

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!

Iann y Jaime said...

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..

Admin said...

Funciono perfectamente para mi blog de peliculas http://24hpeliculasonline.blogspot.com

Puedes canviar el Leer más por una imagen como e echo yo.

z_A_c_O-33 said...

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

Orion said...

No encuentro el "post-header-line" del segundo paso

Francisco said...

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.

MACRE sensei said...

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

Forumblanes said...

Gracias de nuevo por este magnifico script. Me ha servido de mucho.

Podéis ver el resultado en http://forumblanes.blogspot.com/

kaetsu said...

thanks for the script. all people is welcome to my site.
http://download-and-play.blogspot.com/ for download games.

pedroх™ said...

Hola, Gracias, pero...

Todo bien, pero este codigo me sale debajo de la fecha:
expr:id='"post-" + data:post.id'>

Como lo quito???

Gracias

JoseadriaN said...
This post has been removed by the author.
Patricio said...

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

Sanahoria.com said...

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..

alofoke said...

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

Alley-hoop said...

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?

JaviC said...

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!

JaviC said...

...

εїз Nîð¥å εїз said...

Hola.. Disculpa, pero no encuentro el post-header-line, mas o menos por donde esta???
Gracias

Sandra said...

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

Anonymous said...

ke malo este blog

porno izle said...

thanks for the script:)
sikisim.com

Nextor Jaramillo said...

hola muchas graciassss fuistes de mucha ayuda me funciono correctamente.KULLNEXX

Emmanuel Bernal - Matias Gordillo said...

exelente me sirvio pero sale toda la entrada no sale una parte y la otra despues
me pueden decir el porque?

Ismael Parras Ramirez said...

Hola!

En primer lugar quisiera felicitar por las aportaciones que nos haces, te sigo desde que empecé con en el blog y me has sacado de más de un apuro, Gracias! ;-)

Quisiera hacer una pregunta sobre la opción “Leer más”. He visto que has publicado varios artículos al respecto con diferentes métodos, actualmente estoy utilizando el “Leer más con imagen”, bien, me he dado cuenta de que en las subscripciones por correo sale “la imagen” que tengo puesto para “Leer Mas”

¿Qué puedo hacer para que esto no me ocurra? ¿Existe alguna otra manera de hacer el “Leer más” sin que quede reflejado en las subscriciones?

Gracias anticipadas y un cordial saludo!! :-)

Vizcayne said...

Muy bien hermano, GRACIASSSS MIL a mi me dio inmediatamente!

hecgabor said...

hola gracias por el truco....
me ahorraste muchos inconvenienntes ...

como subir a un hostin el script muy bien explicado...

gracias por tu ayuda ...

para todos ls que les aparece esto

"expr:id='"post-" + data:post.id' "

solo entren de nuevo a configuracion html

expanden artilugios y busquen

esto (Ctrl f)

"data:post.id"


aparece a la mitad derecha del renglon

lo borren y listo...


cuidado que aprece con este codigo...

& o algo asi

expr:id='&&"post-"&& + data:post.id&&

Mirmidones said...

No sirve, me borró todo.

hecgabor said...

a mi si me sirvio.. ya busco bien y lo paso lo que hay que borrar...

xD

blogger said...

Muy bueno, funciona muy bien.

Gracias por el hack

Web Hosting en Mexico