Este es un genial truco con el que haras que tu blog cargue mucho mas rapido ya que mostraras solo una pequeña parte de las entradas del blog y es el famoso «Leer más» pero a diferencia del que ofrece blogger este es automatico y no tienes que aplicarlo uno a uno en cada entrada..

Pasos

1. Vamos a Edicion HTML,marcamos la opcion «Expadir plantillas de artilugio» y buscamo el siguiente codigo

<data:post.body/>

2. Una vez localizado el anterior codigo lo eliminamos y pegamos este otro

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leer más...</a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

3. Ahora busacamos el codigo </head> y arriba de este pegamos el siguiente codigo

<script type='text/javascript'>
summary_noimg = 400;
summary_img = 300;
img_thumb_height = 125;
img_thumb_width = 125;
</script>

<script type='text/javascript'>
//<![CDATA[

/******************************************

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}

//]]>
</script>

4. Bueno esto es opcional por si queremos darle estilo al «Leer mas»

Buscamos el codigo ]]></b:skin> y antes de este pegamos lo siguiente

.rmlink {
float:right;
background: #04B4AE; /* Color de fondo */
border: 1px solid #000;
font-weight: bold;
padding: 1px 2px;
margin-left:20px;
}
.rmlink a {
color: #FFF; /* Color del texto */
text-decoration: none;
font-weight: bold;
}
.rmlink:hover {
background: #045FB4; /* Color de fondo al pasar el cursor */
border: 1px solid #000;
text-decoration:none;
}

Al terminar el truco se vera asi o parecido dependiendo de tu plantilla.

Es de tener en cuenta que si tiene aplicado el leer mas de Blogger y quieres aplicar este tienes que quitar el de Blogger.
Categorías: Trucos Blogger

52 comentarios

Juvinao · abril 8, 2011 a las 4:40 pm

Ya saben ante cualquier duda comenten :):)

Dark · junio 22, 2011 a las 4:41 pm

Gracias este truco lo estaba buscando.

Juvinao · junio 22, 2011 a las 4:43 pm

@Dark Que bien que te guste saludos 😉

adrianyepiz1012 · junio 24, 2011 a las 5:05 am

lo ago y me dice «Se ha encontrado más de un artilugio con el ID: HTML8. Los ID de artilugio deben ser exclusivos.

Error 500

Juvinao · junio 24, 2011 a las 2:06 pm

@adrianyepiz1012 Bueno el script funciona muy bien asi que el problema puede estar en tu plantilla,talvez tengas un truco que no es compatible con este,lo que puedo hacer es que me dejes tu plantilla limpia sin ningun script y yo ten pongo el leer mas..
Saludos.

Pao-chan · julio 4, 2011 a las 10:41 am

A mi no me funciona tan bien (o mas bien dicho no funciona bien desde mi pc) no se por que pero cada vez que entro yo a la pagina de mi blog lo que aparece es que si subo o bajo la pagina se hacen grandes y chicas una y otra vez las entradas ~x(
Por favor que tengo mas de 2 semanas buscando un buen truco pero no encuentro, normalmente los busco en video tutoriales o con imagenes por que asi me pierdo
mi blog es
http://unachicaenmexico.blogspot.com/

Juvinao · julio 4, 2011 a las 2:29 pm

@Pao-chan Ami el truco me funciona muy bien,lo revise en un blog de prueba y se ve bien talvez sea tu plantilla,lo que te recomiendo es que me dejes tu plantilla y yo la reviso y te soluciono el problema.

El RePOSTero de LLDM by yisay_gf · julio 15, 2011 a las 11:29 pm

hola, ami en las entradas me funciono muy bien pero no me habia dado cuenta que en las paginas me hace el mismo efecto de recortar el contenido y añadir la frase leer mas, pero al darle en leer mas no habre solo se regresa ahi mismo, que puedo hacer o que salio mal, agradesco su atencion

Juvinao · julio 16, 2011 a las 1:15 am

@El RePOSTero de LLDM by yisay_gf El script estaba presentando algunas fallas asi que puse otro script mas actualizado y no presenta ningun problema asi que ya lo puedes usar sin problema :))

El RePOSTero de LLDM by yisay_gf · julio 16, 2011 a las 2:18 am

ok vamos a checarlo gracias

El RePOSTero de LLDM by yisay_gf · julio 16, 2011 a las 2:39 am

:)) muchas gracias ora si que si, quedo muy bien

Juvinao · julio 16, 2011 a las 4:02 pm

@El RePOSTero de LLDM by yisay_gf Que bien que ahora si te funcione como te dije puse un script mas actualizado,Saludos 🙂

Nikky Menfrey · julio 20, 2011 a las 4:57 am

okas … mira … pongo el !#%»#$& codigo .. y lo he puesto de otras maneras distintas hasta del tuyo … que es el que ahora voy a dejar hasta que me contestes … y es que … apesar que tengo modificado para que aparescan minimo 7 entradas en la pagina principal solo aparece la ultima .. osea una sola … y me recontra fastidia .. y ya no se como hacerle .. hay si me puedes ayudar para que te des idea te dejo el blog .. lo checas y me dices que onda …

http://mangasmenfreya.blogspot.com/

Juvinao · julio 20, 2011 a las 3:12 pm

@Nikky Menfrey Pues yo veo bien tu blog no se entonces cual es el problema 🙂

Nikky Menfrey · julio 20, 2011 a las 8:24 pm

Dato … el codigo solo empieza a hacer efecto con las entradas que escribes despues de colocarlo … xDDDD .. por eso es que no me aparecian mas =))

Juvinao · julio 21, 2011 a las 12:25 am

@Nikky Menfrey Que curioso problema,ya me estaba mtando la cabeza buscando como arreglar el problema pero bueno fue una falsa alarma ~x(

Jose The Brother · julio 22, 2011 a las 10:30 pm

Una pregunta ¿Exite algún truco o posibilidad de que aparezca un reproductor como zippyshare en este tipo de entradas reducidas? he pobrado con este script y no funciona, muchas gracias. Grandisimo blog de ayuda.

Juvinao · julio 23, 2011 a las 3:01 pm

@Jose The Brother La verdad no creo pero bueno voy a averiguar y luego te comento 😉

Toxico.SM · agosto 8, 2011 a las 12:21 am

me puedes ayudar con mi sitio, le quiero poner leer mas a esta plantilla
http://btemplates.com/2008/blogger-template-1257/

te lo agradeceria mucho… y bueno gracias

Juvinao · agosto 8, 2011 a las 7:15 pm

@Toxico.SM Pasate en un par de dias y te dejo esa plantilla con el leer mas,Saludos :))

Toxico.SM · agosto 8, 2011 a las 11:40 pm

Orale puesss entoncess te espero, una pregunta más,
lo que pasa es que quieron que en CATEGORIAS me salga el numero de cuantos hay con esa categoria…
no se si me entiendas
salduso

Juvinao · agosto 9, 2011 a las 2:11 pm

@Toxico.SM Ve a diseño,Elementos de pagina,Etiquetas y marcas la ultima opcion que dice «Mostrar cantidad de entradas por etiqueta» y guardas.

Toxico.SM · agosto 9, 2011 a las 4:40 pm

@Juvinao

tu blog si ke esta genial, bueno solo un detalle:
ya tengo seleccionado la opcion de mostrar cantidad de entradas, pero aun no me sale, bueno tengo estas caracteristicas:

* todas las etiquetas
* por orden alfabetico
* lista
/ mostrar cantidad de entradas por etiqueta

bueno espero me ayudess, como lo has hecho… la verdad son los mejores trucos que hay por akiii
saludso desde meshico (mexico)

Toxico.SM · agosto 9, 2011 a las 4:46 pm

perdom por ser tan molesto, tengo otra inquietud, ya que he estado cambiando de plantilla una y otra vez y la verdad eske se kedan varios elementos de la anterior plantilla, como ayer ke tenia los iconos de COMPARTIR con faceboock y otros, y aparecian en cada post… y ahora ya no estan, la verdad me gustaron mucho…

La plantilla ke utilize es «PICTURE WINDOW» de las plantillas que trae por default el blogger…

SALUDSO espero me ayudes a poner esos iconos a la plantilla

Toxico.SM · agosto 9, 2011 a las 6:01 pm

Hola de nuevo yo tengo otras inquietudes si me puedes ayudar…

1¿como puedo mover el bloque lateral ke hay en blogger, como el ke tienes en donde puedes mostrar publicidad y cuantos seguidores tienes.

yo kiero moverlo más a la derecha y ke me deje mas espacio para los articulos…

tambien kisiera ke me ayudaras en esto:

Hace tiempo cargue una plantilla predefinida de blogger llamada PICTURE WINDOW y esta traia botones de redes sociales en todas las entradas publicadas, pero cambie la plantilla y siguieron saliendo hasta hoy, la verdad estaban geniales, no se si me peudes ayudar tambien en este sentido

SALUDOS desde MESHICO (mexico)

Juvinao · agosto 9, 2011 a las 8:18 pm

@Toxico.SM A ver vamos por partes:

ETIQUETAS
-Intenta de nuevo y marca la opcion que te dije y clickeas en guardar ok.

ANCHO DEL BLOG
Paa hacerlo mas ancho busca la linea en la edicion HTML de tu blog width porwidth:850px y cambiale el 850 por el numero que quieras eso si no exageres tampoco.

BOTONES REDES SOCIALES.
Esto es mas complejo asi que mas luego te explico ok.

Toxico.SM · agosto 9, 2011 a las 11:59 pm

muchas gracias por tu atencion, le verdad es ke se me dificulta pero voy a prendiendo…

1. LEER MAS
Solucioné éste en mi plantilla, lo malo es ke no salen los colores ke yo kiero, solo me sale el color de borde, y lo demas se keda en un fondo blanco y letras negras… (utilize colores html)

2. ETIQUETAS
definitivamente se niegan a salirme

3. ANCHO DEL BLOG
la verdad no me sale ese valor ke mencionas, pero modificando encontre otro y si resulto, pero solo modifica el ancho del contenido del blog, no la sidebar… saludos y gracias

Juvinao · agosto 10, 2011 a las 2:31 pm

@Toxico.SM bueno la verdad con las etiquetas no entiendo porque no te sale.

Con lo del leer mas busca esta parte

.rmlink {
float:right;
background: #04B4AE; /* Color de fondo */
border: 1px solid #000;
font-weight: bold;
padding: 1px 2px;
margin-left:20px;
}
.rmlink a {
color: #FFF; /* Color del texto */
text-decoration: none;
font-weight: bold;
}
.rmlink:hover {
background: #045FB4; /* Color de fondo al pasar el cursor */
border: 1px solid #000;
text-decoration:none;
}

Y en las partes donde dice Color de fondo y otros condiconales ve a esta tabla de colores y reemplaza los codigos iniciales por el de los colores de tu gusto.

http://es.foxyform.com/html-farbtabelle.php

Y lo del ancho del sidebar luego te explico ok 😛

Toxico.SM · agosto 10, 2011 a las 6:24 pm

Muchas gracias por tu apoyo la verdad que gracias a tu ayuda pude poner el LEER MAS en mi blog…
bueno kisiera pedirte una ultima cosa al parecer:

MIRA ESTE BLOGG
http://oloblogger.blogspot.com/2008/02/imagenes-aleatorias.html
lo ke pasa ke muchos de sus seguidores le ha pedido de komo hace ese efecto de la sidebar de CYBER CAFE donde tiene los coemntario recientes… y eske es un efecto llamativo porke se desplaza hacia abajo cuando das click sobre él haci no ocupa mucho espacio…

Bueno espero no te incomode pero como dije el user del blog,no a compartido el secreto, bueno si nos puedes ayudar en ese sentido estaria agradecido mucho…

Juvinao · agosto 11, 2011 a las 3:54 pm

@Toxico.SM Gracias a ti por comentar y por seguir de cerca el blog y con respecto a lo que pides cada Blogguero se reserva lo de su blog pero bueno voy a tratar de revelar el truco y si puedo te comento 🙂

Toxico.SM · agosto 11, 2011 a las 5:49 pm

Otra vez yoo, bueno espero no te moleste, y esque nose como contactarte de forma mas privada…

Bueno mira, estoy iniciandome en BLOGGs, y la verdad es que me he dado cuenta que hay forma de ganar dineor mediante esto lo que no caeria mal a nadie… pero te pregunto ati:

¿PORQUE NO TIENES PUBLICIDAD EN TU BLOG? (infolinks y adsen)

bueno tmabien para decirte que cuando dices:

No comercial. No puedes utilizar esta obra para fines comerciales.

ENTONCES YO NO PUEDO PUBLICAR ALGO TUYO EN MI BLOG POR TENER ADSEN O INOLINKS?

Y la ultima espero me la contestes ya ke adsen no lo hace…
SI PONGO UN VIDEO DE YOUTUBE, es de un USER de alli, pero es una platica y pos la verdad me gusto mucho…
INFRINGIRIA CON ESTO POLITICAS ADSEN O UNA DEMANDA POR PARTE DEL USER?

BUENO TE DEJO EL VIDEO
http://www.youtube.com/watch?v=pgBj9dD2rFM

SALUDOS Y ESPERO ME CONTESTESSS…
CUIDATEE

Juvinao · agosto 11, 2011 a las 7:17 pm

@Toxico.SM Para contactarme de forma privada usa el formulario de contacto,en la pestaña que dice contacto alli.

Con lo de la publicidad te digo hace un tiempo use adsence en el blog pero me inhabilitaron la cuenta,por lo general ellos cuando tu ya tienes cierta cantidad de dinero te dicen que no y un poco de cuentos para inhabilirar tu cuenta y quitarte lo que haz ganado,eso me paso a mi.

Puedes poner el contenido que quieras en el blog,eso no infringe las politicas de adsence,lo unico es que no des click en los mensajes publicitarios.

Por parte del video no se porque hay si tienes que tener el permiso de quien hizo el video porque sino estarias violando derechos de autor 🙁

María · septiembre 6, 2011 a las 5:59 pm

Mil gracias Juvi!
Como siempre me sacas del hoyo en el que estaba atascada.
Ya seguiré arreglando cosas.

Besos 😡

Juvinao · septiembre 6, 2011 a las 7:19 pm

María gracias a ti por comentar y me llena de mucha felicidad que mi trabajo te sea de ayuda.. :-*

ONLYFREERIDE · noviembre 3, 2011 a las 7:56 pm

Muy buenas, intentando instalar esta aplicación me he quedado sin texto y con el fondo blanco, vaya que la e liado para variar, informatico seguro ke no soy jejeje, aver si me podeis ayudar por favor.

Un saludo

Juvinao · noviembre 4, 2011 a las 12:45 am

ONLYFREERIDE seguro eliminaste algun codigo dejame tu plantilla y yo la reviso,asi te puedo ayudar 😛

ONLYFREERIDE · noviembre 4, 2011 a las 11:36 am

template-337941155859896074.xml

Muy buenas, ya veras, las letras eran blancas y se quedaron negras, teniendo que canviar el fondo para que se vean, y la base del Blog igual, era negro y ahora es blanco.

Muchas gracias por la atención, eres un crack.

Un saludo.

ONLYFREERIDE · noviembre 4, 2011 a las 11:41 am

Perdon Juvinao, la plantilla es estra,template-698179389925509219.xml

La otra es una que abri para intentar esncontrar el fallo. gracias.

ONLYFREERIDE · noviembre 4, 2011 a las 11:48 am

Si quisieras te paso contraseña para acceder al blogg sin problema.

Juvinao · noviembre 4, 2011 a las 1:18 pm

ONLYFREERIDE no pude descargar la plantilla,porque no la subes a Megaupload o Mediafire y me pasas el link que te den para poder descargarla.

ONLYFREERIDE · noviembre 4, 2011 a las 7:50 pm

Bua ke txungo ke soy¡¡¡¡¡, si quisieras pasame mail y te lo mando , con contraseña para acceder.

ONLYFREERIDE · noviembre 4, 2011 a las 7:51 pm

el mio es gasavai@hotmail.com.

Juvinao · noviembre 4, 2011 a las 9:11 pm

ONLYFREERIDE ok asi es mejor me das permisos para entrar en tu blog entonces,ya me contacto contigo

Blas Rienda · octubre 10, 2012 a las 6:55 pm

Este comentario ha sido eliminado por el autor.

Anonymous · junio 23, 2013 a las 10:27 pm

:F

Hozkar Moreno · julio 15, 2013 a las 6:25 pm

Hola, qué pena, vi este blog http://habitantespensativos.blogspot.com/
y me gusta mucho ese efecto con vistas previas en minuatura de cada post + efecto zoom. Eso sí, el orden que maneja no me gusta…si me puedes colaborar para saber cómo hacer dichos efectos, te lo agradezco.

BLUEEXTREMER JOHN · julio 22, 2013 a las 3:15 pm

Hola amigo me puedes ayudar con mi sitio, le quiero poner leer mas a esta plantilla
http://blueextremer.blogspot.com.es/
e seguido tus pasos pero no sale…grasias

Anonymous · julio 22, 2013 a las 3:22 pm

hola amigo me puedes ayudar con mi sitio, le quiero poner leer mas a esta plantilla
http://blueextremer.blogspot.com.es/

e colocado tus enlaces y no sale en miniatura leer mas…grasias

BLUEEXTREMER JOHN · julio 22, 2013 a las 3:42 pm

holaa e pusto los codes en mi plantilla pero no sale Leer más con miniatura de imágen me podia mirar haber por que?grasia

Jorge Pablo Mondello · septiembre 7, 2014 a las 2:53 pm

Hola: Creo que hice un comentario aquí, pero no lo veo. Pues bien,habia escrito que no servía esto de Leer más con imagenes en miniatura. Finalmente resultó, pero el problema fue que cuando uno busca suele aparecer una o dos veces, y no muestra otras opciones. Ahora, si ponémos por segunda vez nuevamente ésta busqueda de sí aprecen. Que sirva como dato.

Responder a Anonymous Cancelar la respuesta

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *