Mil Trucos Blogger

“Leer más” con imagen en miniatura

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

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.
0
Shares
Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

52 Comentarios

  1. Abril 8, 2011    

    Ya saben ante cualquier duda comenten :):)

  2. Junio 22, 2011    

    Gracias este truco lo estaba buscando.

  3. Junio 22, 2011    

    @Dark Que bien que te guste saludos 😉

  4. Junio 24, 2011    

    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

  5. Junio 24, 2011    

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

  6. Julio 4, 2011    

    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/

  7. Julio 4, 2011    

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

  8. Julio 15, 2011    

    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

  9. Julio 16, 2011    

    @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 :))

  10. Julio 16, 2011    

    ok vamos a checarlo gracias

  11. Julio 16, 2011    

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

  12. Julio 16, 2011    

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

  13. Julio 20, 2011    

    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/

  14. Julio 20, 2011    

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

  15. Julio 20, 2011    

    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 =))

  16. Julio 21, 2011    

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

  17. Julio 22, 2011    

    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.

  18. Julio 23, 2011    

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

  19. Agosto 8, 2011    

    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

  20. Agosto 8, 2011    

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

  21. Agosto 8, 2011    

    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

  22. Agosto 9, 2011    

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

  23. Agosto 9, 2011    

    @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)

  24. Agosto 9, 2011    

    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

  25. Agosto 9, 2011    

    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)

  26. Agosto 9, 2011    

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

  27. Agosto 9, 2011    

    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

  28. Agosto 10, 2011    

    @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 😛

  29. Agosto 10, 2011    

    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…

  30. Agosto 11, 2011    

    @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 🙂

  31. Agosto 11, 2011    

    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

  32. Agosto 11, 2011    

    @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 🙁

  33. Septiembre 6, 2011    

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

    Besos 😡

  34. Septiembre 6, 2011    

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

  35. Noviembre 3, 2011    

    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

  36. Noviembre 4, 2011    

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

  37. Noviembre 4, 2011    

    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.

  38. Noviembre 4, 2011    

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

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

  39. Noviembre 4, 2011    

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

  40. Noviembre 4, 2011    

    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.

  41. Noviembre 4, 2011    

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

  42. Noviembre 4, 2011    

    el mio es gasavai@hotmail.com.

  43. Noviembre 4, 2011    

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

  44. Octubre 10, 2012    

    Este comentario ha sido eliminado por el autor.

  45. Anonymous Anonymous
    Junio 23, 2013    

    :F

  46. Julio 15, 2013    

    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.

  47. Julio 22, 2013    

    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

  48. Anonymous Anonymous
    Julio 22, 2013    

    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

  49. Julio 22, 2013    

    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

  50. Septiembre 7, 2014    

    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.

Deja un comentario

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

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo