Leer más con imágenes en miniatura mejorado (1)

5 de enero de 2011 1005 comentarios ,
Anteriormente vimos cómo tener el Leer más con imágenes en miniatura que hace que todas las entradas tengan un resumen de forma automática, sin tener que estar ingresando códigos extra cada vez que redactamos una entrada.
Si bien ese script funciona muy bien muchos han sido quienes han preguntado si es posible mostrar una imagen aun cuando la entrada no la tenga; y si había alguna forma para que las imágenes en miniatura no quedaran fuera de proporción, pues usualmente no subimos imágenes perfectamente cuadradas sino más bien rectangulares y al mostrarse en miniatura se deformaban.

Bien, después de un par de horas de pelearme con la computadora pude hacerle tres mejoras al script de modo que si una entrada no tiene una imagen podrá mostrar una imagen predeterminada para ilustrar el resumen.
Luego, las imágenes en miniatura ya no perderán su proporción, por lo que una imagen rectangular podrá verse más pequeña pero igualmente rectangular.
Y además, las imágenes en miniatura tendrán un enlace a la entrada, así que podrás acceder al post completo desde el link de Leer más, o desde el título de la entrada, o bien, haciendo click en la imagen en miniatura.



El procedimiento es el mismo, primero entramos en Diseño | Edición de HTML, y busca esta línea:
<data:post.body/>
Elimínala y en su lugar agrega esto:
<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' style='font-size:13px; text-align:justify;'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&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>

NOTA: La etiqueta <data:post.body/> en la mayoría de las plantillas aparece 2 o 3 veces, regularmente se debe cambiar la segunda, en caso de que no obtuvieras los resultados esperados aplica los cambios en las demás hasta que des con la indicada.

Ahora antes de </head> pega lo siguiente:
<script type='text/javascript'>
summary_txt = 410;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
// Script original de Anhvo, modificado por ciudadblogger.com
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, pURL){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
if(img.length<=0) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><a href="'+ pURL +'"><img src="http://lh6.ggpht.com/_dsEG33PDaHw/TSJuyxzIKkI/AAAAAAAAAgU/GP7fRmaI-5A/thumbnail.png" width="'+img_thumb_width+'px" /></a></span>';
summ = summary_txt;
}
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><a href="'+ pURL +'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px"/></a></span>';
summ = summary_txt;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
Guarda los cambios y listo. Ahora veamos las modificaciones que se le puede hacer para personalizarlo.

En el primer código que hemos agregado, he puesto en negrita los estilos para el resumen, ahí se puede cambiar el tamaño de la letra, la alineación del texto, y se le pueden agregar más estilos como el color de la letra, color de fondo, etc.
En donde dice Leer más puedes cambiarlo por otro texto o bien, por una imagen, si ese es el caso entonces elimina ese texto y en su lugar agrega esto cambiando la URL de la imagen donde se indica:
<img src="URL de la imagen" border="0" />

En el segundo código que hemos agregado veremos al inicio dos variables:
summary_txt = 410; indica el número de caracteres que tendrá el resumen.
img_thumb_width = 120; es el ancho que tendrán las imágenes en miniatura.

Un poco más abajo está una URL en color azul, esa es la imagen que se mostrará en el resumen cuando la entrada no tenga una imagen, y será esta:


Esa imagen la puedes cambiar por cualquier otra que elijas, sólo cambia la URL en color azul por la de la imagen que quieres.
Como has podido notar los códigos son bastantes similares al método anterior sólo que con unas pequeñas modificaciones que aunque parecen insignificantes mejoran por mucho la funcionalidad del script.


1.005 comentarios en:

" Leer más con imágenes en miniatura mejorado (1) "

  1. EXCLENTEN WN!!!

    SIEMPRE NECESITAVA ESO, SOBRE TODO CUANDO SOLO PUBLICAVA VIDEOS DE YOUTUBE, SLAUDOS Y GRACIAS

    ResponderEliminar
  2. Pregunta, yo ya tenía aplicado el método para el leer mas, por lo que ¿Qué tendría que reemplazar exactamente? Solo el script?

    ResponderEliminar
  3. ¡EXELENTE!
    MUY BUENA MODIFICACIÓN.
    una consula mira
    como pones el color azul osea el fondo en los códigos de tus posts.
    espero tu respuesta
    GRÁCIAS

    ResponderEliminar
  4. MCarlitooH2, sólo que el script sigue sin mostrar los videos en miniatura pero ya teniendo una imagen de apoyo que se mostrará siempre no tendrás tanto lío.

    Harry, ambos, pero al igual son muy parecidos los códigos así que no tendrás problema para localizarlos y sustituirlos.

    Daniel, usando los bloques entrecomillados.

    ResponderEliminar
  5. tengo la misma duda que harry, si ya tengo el leer mas que es lo que tendria que cambiar??

    ResponderEliminar
  6. Buenas noches Potro, tremendo trabajo has hecho, felicidades, como se nota que vienen los reyes magos que te estás portando aún mejor... jajajajajaja gracias Potro, y que te dejen mucho y se cumplan tus deseos, un abrazo

    ResponderEliminar
  7. Sergiio, ambos códigos deben cambiarse pues en los dos hay modificaciones.

    MaG@S RaDioMuSiC, los Reyes Magos nunca me han traído nada, así que a partir de ahora me portaré mal, jaja. ¡Un abrazo!

    ResponderEliminar
  8. hola por favor podrias ver mi blog y ayudarme es que cuando entro a mi blog y le doy a entradas antiguas sale en este modelo pero no quiero que salga asi solo quiero que salga normal tu podrias ver mi plantilla y que codigos quitar para que se pongan normal por favor te lo agradeceria este es mi blog http://disneydownload-hd.blogspot.com

    ResponderEliminar
  9. "El Potro": Estuve visitando al página, ya que acabo de crearme un par de blogs. Resulta que no puedo emplear algunos de tus trucos. ¿Hay alguna forma de contactarte para que me ayudes?

    Gracias de antemano

    ResponderEliminar
  10. Disney Download HD (Oficial), cuando se tiene un sistema automatizado como este también se aplica para las entradas antiguas y entradas más recientes, sólo en las entradas individuales y las páginas estáticas es donde no se aplica.

    Zippo, claro, sólo deja en la entrada donde tienes el problema un comentario explicando a detalle cuál es el inconveniente y la dirección de tu blog donde deseas agregar dicho truco.

    ResponderEliminar
  11. te deje un comentario en la entrada de reproductor flash

    ResponderEliminar
  12. Hola Potro, excelente post. Quisiera saber que tengo que hacer si uso el modo magazine 2 (http://ciudadblogger.com/2010/08/entradas-resumidas-estilo-magazine-2.html) para mostrar las entradas, en donde puedo hacer las modificaciones para lograr hacer las mejoras que has realizado.
    Te dejo la dirección del blog demacondoalaleph.blogspot.com
    También quisiera saber por que en el pié del post, no sale la fecha, y los comentarios como los muestra el tutorial original.

    De antemano gracias

    ResponderEliminar
  13. Hola Potro, enhorabuena por tu blog, es fantástico. Gracias por el post. En el mío todo funciona bien con excepción de la imagen predeterminada cuando la entrada no tiene imagen. Lo cierto es que la plantilla base es de Artisteer y algunos cambios de código no se deben de ajustar bien. De todos modos te dejo la dirección del blog por si se te ocurriera algo. www.tannawork.blogspot.com
    Gracias

    ResponderEliminar
  14. Hola Adalberto,

    Para hacer los cambios en las entradas resumidas estilo magazine 2, cambia el primer código que se indica en esta misma entrada por el que se menciona en la de allá, verás que el código es muy similar pero hay que cambiarlo.

    Luego, en el segundo paso de aquella entrada dice que tienes que cambiar una línea por un código. Dentro de ese código que habías agregado busca esta parte:

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <div expr:id='&quot;summary1&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb1(&quot;summary1<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>

    Y cambialo por este:
    <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' style='font-size:13px; text-align:justify;'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&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>

    Y por último cambia el primer código que se menciona que va antes de </head> por el que se menciona en esta entrada. Con eso habrás aplicado las mejoras al estilo magazine que utilizas.

    Lo otro que preguntas no sé si te refieres a este tutorial o al otro.
    Saludos.

    ResponderEliminar
  15. Te luciste Potro, excelente script, muy útil y muy práctico sobre todo. Gracias.

    ResponderEliminar
  16. Hola Amigo empezaste el año bien, yo quería preguntarte algo se puede hacer que el primer post se vea completo y los demás como dices, incluyendo lo de las paginas siguientes, saludos.

    ResponderEliminar
  17. GRACIAS TRATARE DE IMPLEMENTARLO EN UN NUEVO BLOG que pretendo crear.

    ResponderEliminar
  18. Hola que tal potro ,saludos y buen año ,estoy elaborando un nuevo blog y pss por ahi me salio algo medio dificil en la pagina principal al momentos de que escribi mi post aparce un logotipo que dice"no photo availabe" y yo ni puse una imagen ni puse esa imagen que dice eso ,me gustaria quitarla junto con unas letras que salen a la izquierda del blog que dicen undefined.
    Gracias espero que me puedas ayudar ,mi nuevo blog es:http://mexico-greenzoner.blogspot.com
    PD:Te invito este proyecto internacional donde puedes ganar regalos ,para mas informacion en: http://greenzoner.com ,si quieres una invitacion solo deja tu comentario ,con tu correo

    ResponderEliminar
  19. Vali, sin duda debe tratarse de Arister pues veo que esas plantillas insertan un script y quizá en ese script haya algo que inhabilite la imagen predeterminada.
    Por cierto que tienes repetida una parte del código que quizá después te dé conflicto por lo que sería bueno que eliminaras esta parte:

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

    ResponderEliminar
  20. LMGuillermo, muchas gracias, qué bueno que ha sido de tu agrado.

    Dr. Victor Guillermo Pagé Hernandez, sería más o menos igual, es decir, aplicar el truco de leer más automático menos en el primer post sólo que los dos primeros pasos que se explican ahí (que son los de agregar el Leer más) en lugar de seguir esos pasos seguirías los que se explican aquí.

    ResponderEliminar
  21. nEjO, seguro te quedará muy bien :)


    mexico, gracias, feliz año igualmente. Busca en tu plantilla esto y elimínalo:
    http://2.bp.blogspot.com/_M_YCe5AWy0o/TNVZHuVcl2I/AAAAAAAAAuE/qkp1YzqUheI/s1600/without+image
    Para solucionar lo de 'undefined' mira esta entrada.

    ResponderEliminar
  22. Caballero, mi nombre es Agresio, he iniciado un MUY MODESTO blog informativo relacionado con las máquinas industriales, hasta ahora el IBP no me da más de 49% pero sigo haciendo la fuerza.
    Quiero incluir en éste, noticias referentes a la Mecánica Industrial: Como puedo hacerlo y si esto es legal?.
    Le agradecería mucho su valioso aportación.
    http://lasmaquinasindustriales.blogspot.com

    ResponderEliminar
  23. Hola Agresio,

    Puedes agregarlas en una entrada normal, a menos que tengas en mente algo en particular.
    Sobre si es ilegal o no pues parece que está todo en orden, de cualquier modo mira esta entrada en la que hay un resumen acerca de las políticas de contenido de Blogger:
    http://ciudadblogger.com/2010/03/que-hacer-si-me-eliminaron-el-blog.html

    ResponderEliminar
  24. Hola Amigo muchas gracias lo logre ahora otra pregunta que diferencia hay con lo que hice y esta que explicas aquí digo aparte de que el primer post sale completo. Gracias

    ResponderEliminar
  25. Amigo como le aplico ahora las mejoras de este script es lo que quiero decir.

    ResponderEliminar
  26. Amigo Estoy revisando y algunas imágenes de la columna derecha se han corrido para los post.

    ResponderEliminar
  27. Potro
    He intentado colocar este codigo supliendo al anterior de leer más, pero me encuentro con un problema.
    Resulta que aquellas entradas que tienen varias imagenes (en mi caso post que tienen una imagen en la cabecera y varias alineadas a la izquierda)no se visionan en entradas resumida si no que aparece todo el post.
    Esto me ha pasado tanto en el blog del blincacequias como en del 2 caballos.
    He vuelto a dejar el anterior aunque este es mucho mejor. Espero tu respuesta, gracias amigo

    ResponderEliminar
  28. Dr. Victor Guillermo Pagé Hernandez, parece que regresaste al otro método y no pude ver el problema que mencionas.

    Blincacequias, es bastante extraño eso que mencionas, yo lo he probado en un blog con una entrada que contiene varias imágenes y no ha habido ningún problema :\

    ResponderEliminar
  29. Pues no se pero me ha pasado en dos blogs. Yo tengo implantado el anterior leer mas en 4 blogs. En el blincacequias lo he probado y todo bien (no tenia ningun post con varias imgenes en principal) pero cundo lo puse en el de motor que tenia en la principal un post con varias images me surgio el problema, entonces me fui al blincacequias y retrocedi hasta buscar un post con varias imagenes y voila el problema estaba.
    Un saludo

    Si quires pongo de nuevo el codigo y lo visionas

    ResponderEliminar
  30. Muy bueno Potro, en el bloq que estoy haciendo ya puse el leer más que se ve diferente la primer entrada, el código que tenía 2 veces lo reemplace 2 veces.
    Una consulta... como hago para que por ejemplo entrando a la etiqueta http://ciudadblogger.com/search/label/M%C3%BAsica que se muestren todas las entradas, con algún código en la plantilla?

    ResponderEliminar
  31. Hola Potro,
    Hice el cambio sobre el modelo entradas resumidas estilo magazine 2, y todo perfecto, como siempre.
    Un saludo y gracias por tus ayudas.

    http://xavierblanco.blogspot.com

    ResponderEliminar
  32. Perfecto Potro esta tarde lo pongo.

    ResponderEliminar
  33. Potro, Disculpas.
    Me ha pasado algo muy raro, al intentar colgar una nueva entrada, no me ha cogido el formato de magazine 2 (con los nuevos cambios). Ha mantenido la caja, pero no el tipo de letra, ni el número de carácteres, ni la imagen dimensionada, ni el leer mas.
    Aparece el post como cortado por la caja.

    Es el primero que cuelgo después de los cambios, seguro que hay algo que he hecho mal. He dejado el post por silo puedes ver.

    Saludos y gracias por todo, soy novato y...

    http:xavierblanco.blogspot.com

    http:


    Si me puedes ayuid

    ResponderEliminar
  34. Potro, solucionado. No había puesto título a la entrada y parece ser que sin título no reconoce el formato.
    Disculpas...los novatos..

    Saludos y gracias por todo.

    ResponderEliminar
  35. Hola, ElPotro:
    Primero que nada, te felicito por este blog, la verdad es que me sirve mucho.
    Tengo una duda: al aplicar estos cambios he logrado parte del objetivo, ya que en el portal del blog tengo 5 entradas y el script sólo aplica a 4 (la 5ª queda completa y no se achica). ¿No sabes por qué pasa esto?
    Saludos.

    ResponderEliminar
  36. Blincacequias, si es posible hazlo de nuevo y dime en cuál entrada no se muestra así como el nombre de la plantilla que usas.

    Pozo+10™, anteriormente se podía controlar el número de entradas a mostrar en los links de navegación y etiquetas pero desde hace ya unos meses parece que no hay forma.

    ResponderEliminar
  37. XAVIER BLANCO, vale, vale, pero igual qué bueno que comentas ese detalle del título de la entrada porque tampoco estaba enterado que sin título no reconoce el formato. ¡Saludos y gracias por tu visita!

    LAS Scanlations, ¿tenías aplicado con anterioridad algún otro código que afectara las entradas de alguna forma?

    ResponderEliminar
  38. una duda como puedo poner mas de una imagen en el portal mas la descripcion

    ResponderEliminar
  39. Sólo es posible mostrar una imagen en miniatura :/

    ResponderEliminar
  40. Potro tengo una pregunta. Es relacionada con imagenes en miniatura o no se como se llaman... Me gustaria saber como hacer que aparezca previsualización del blog en bitacoras, meneame, allianzo... cuando registras tu blog en ellas. Es q de mi blog no aparece.. un ejemplo:
    http://bitacoras.com/bitacora/losdelquintonombre.blogspot.com

    ResponderEliminar
  41. hola potro tengo un foro recien lo acabo de hacer entoncs quisiera saber como hacer que los post que yo publique en el foro salgan en el blog pero quisiera saber si yo publico en el foro un articulo sobre el PS3 salga en la etiqueta del blog PS3 no se si me entiendas si me puedes ayudar te lo agradeceria

    ResponderEliminar
  42. hola potro tengo un foro recien hecho y quisiera saber como hacer para que lo que publique en el foro salga en el blog asi como por ejemplo haga un post de ps3 y salga en la etiqueta ps3 del blog ayudame pls

    ResponderEliminar
  43. Hola jefe!!!

    ¿Qué tal? Oye, si quiero poner en el blog, el primer post sin acortarlo es muy complicado?

    Espero que no, jjejeje

    Gracias potro, es genial!

    ResponderEliminar
  44. Juan Carlos, no conozco todos los servicios para blog y como cada sitio tiene una configuración distinta no sabría decirte cómo hacerlo en cada uno de ellos, pero eso se hace directamente en esos sitios.

    Pozo+10™, sí, ya tiene varios meses que no funciona esa opción desde que Blogger implementó la autopaginación :(

    Dexmax, no creo que haya una forma de sincronizar las publicaciones del foro con las del blog, a menos que el foro tenga esa opción pero lo dudo mucho.

    samu, mira el comentario #20

    ResponderEliminar
  45. Vale, crack, luego lo pensé, lo hice y no me acordé de ponertelo por aquí. Al final dejé el blog sin ello porque resulta que me cambia de posición los elementos del post footer y bueno, no me gusta demasiado que haga esas cosas.

    Habrá alguna forma de arreglarlo Potro? Muchísimas gracias jefe.

    ResponderEliminar
  46. Necesitaría ver que lo tengas puesto para decirte cómo podría corregirse el post-footer, aunque si mal no recuerdo creo que desde ya hace tiempo habías tenido problemas con ello (?)

    ResponderEliminar
  47. @ El Potro
    ¿Te digo la verdad? No me acuerdo qué modifiqué y qué podría darme ese problema (de que me "achique" 4 entradas y la 5ª la deje sin "achicar"), he probado tantas cosas que no recuerdo qué fue lo que "toquetié" del script (tampoco soy muy ducho en eso).
    Saludos.

    ResponderEliminar
  48. El problema podría estar en que en alguna de esas modificaciones se duplico alguna línea y quizá eso es lo que hace que la última entrada se muestre completa, es difícil saber a ciegas :\

    ResponderEliminar
  49. Se pueden dejar puntos?? Excelente +1000. Funciono a la perfeccion.

    ResponderEliminar
  50. Muchas Gracias por la ayuda n.n, no se que seria de mi blog sino estuvieras huy por cierto tu plantilla POP star esta super genial, pero al final he optado por otra, Saludos y Feliz 2011

    ResponderEliminar
  51. Piloto de pruebas, pues no se pueden dejar puntos pero con gusto los tomaré de manera simbólica :D

    Sergioo, me alegra que todo haya salido bien, y qué bueno que te gustó la Pop Star ;)

    ResponderEliminar
  52. Potro.
    He vuelto a implemetar el código. Te paso la entrada donde aparece el problema. Tambien me ha aparecido en los otros blogs.
    http://elblincacequias.blogspot.com/2010/12/de-safari-blaser-r93-profesional-y.html
    Mi platilla es simple de Peterson. En todos los blog de blogger tengo la misma.

    ResponderEliminar
  53. Gracias Potro, por tomarte el tiempo de responder y explicar todo tan claro, estaré aplicando el código y te contaré como va.

    A lo que me refiero es cómo puedo poner en el foot del mini post, la fecha y el número de comentarios. Gracias de antemano.

    Saludos!

    ResponderEliminar
  54. Parece ser que el problema aparece sólo cuando el título de la entrada tiene comillas.
    Hagamos esto, en el primer código que se ha agregado busca esta parte y elimina lo que está en negrita:

    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>

    Con eso deberá solucionarse.

    ResponderEliminar
  55. Adalberto,

    Eso es porque la plantilla que usas así fue diseñada, para no mostrar datos en el post-footer, pero bueno, igual puedes agregárselos.

    ResponderEliminar
  56. Hola, he encontrado tu Blog buscando precisamente ésto y debo decirte que estoy encantada, que me ha funcionado de maravilla. Así que muchísimas gracias.
    Si no te importa, hay una cosa que me gustaría cambiar y si tu me pudieses ayudar .... Bien, me gustaría que en la entrada cortada, no me apareciese lo de : publicado por, comentarios, etiquetas .... pero si cuando se abre. ¿Qué puedo hacer? Espero haberme explicado bien y gracias me puedas ayudar o no.

    ResponderEliminar
  57. Potro, perfecto.
    Eres un crack amigo. Un abrazo y feliz año.

    ResponderEliminar
  58. Hola Lyra,

    ¡bienvenida a Ciudad Blogger!
    Para ocultar esos datos de la portada primero localiza esos datos y enciérralos con una condicional, específicamente con la que dice 'Mostrar /ejecutar un elemento sólo en las entradas individuales'

    Saludos.

    ResponderEliminar
  59. Gracias Potro!
    Eres el mejor
    Saludos!

    ResponderEliminar
  60. si le aplicaria esto ami blog se daria en todas las entradas o nada mas en una entrada

    ResponderEliminar
  61. Es automático en todas las entradas.

    ResponderEliminar
  62. Muchísimas gracias, por tan rápida y buena respuesta. Yo no tengo ni idea de todo ésto y creo que lo he conseguido ... De momento, no me falla nada ... jejeje ... y espero que siga así.

    Un saludo!!!

    ResponderEliminar
  63. Potro jefe:

    ¿qué tal va todo? Espero que bien.

    A ver, tengo el siguiente problema. Acabo de publicar en mi blog una nueva entrada. No tengo puesto el leer mas en todas las entradas menos en el primer post. Pero el primer post (la entrada que acabo de publicar) sale totalmente extendido. No se muy bienn a que se debe. Hasta ayer el script funcionaba bien. ¿cómo lo puedo solucionar? Quiero el leer más en todas la entradas. (tengo puesto este script en My Heart's Corner)

    ResponderEliminar
  64. Acabo de publicar un post nuevo y ni siquiera ha mostrado el de Navidad, dulce navidad en resumen. Es como se el script hubiera dejado de funionar

    ResponderEliminar
  65. El Potro:
    ¿Te acuerdas del problema de LAS? Bueno, yo también administro el blog, he agregado una entrada y ahora todo parece normal, pero al ir a la 2º página la primera entrada, que antes era la última que te comentaba, sale completa. Al parecer es un problema de la entrada en sí. Voy a revisarla y te comento; pero el resto de las entradas se acomodan al artilugio.
    Saludos.

    ResponderEliminar
  66. Vengo a seguir explicandote cosas que observo en no blog que me parecen súper raras, Potro, y que tal ex te ayuden a resolver el problema que tengo.

    He hecho lo que le mandaste a LASS por ahí arriba pero parece ser que en la primera entrada sigue sin funcionar. He quitado las comillas del titulo y efectivamente, funciona en esa entrada.

    Pero si pongo las comillas deja de funcionar.

    Por otra parte, y esto si que me choca un montón. Si doy a la página siguiente del blog (la flecha naranja) las entradas se me ven unas resumidas y otras no. Sobre todo las que tienen la etiqueta trucos. Pero usando el gadget de etiquetas del blog, haciendo click en trucos, me salen todas resumidas. Me estoy empezando a volver loco y no encuentro una cosa posible en común (ni comillas, ni el blokquote ni nada)

    Espero que te haya podido ayudar a algo.

    ResponderEliminar
  67. samu, mira el comentario #56, seguro eso te resolverá el problema. Al menos el problema de las comillas, prueba con eso y tal vez también se arregle lo de las etiquetas, sino entonces vemos a detalle ese problema.

    Satrapa, ¿cuál es la URL de la entrada en cuestión?

    ResponderEliminar
  68. Ahí está, no había leído lo de las comillas en el título. Ya me anda de 10.
    Un saludo, ¡muchas gracias!

    ResponderEliminar
  69. Potro, jefe, tal y como te dije un par de comentarios mas arriba ya hice lo del comentario 56. Me sirvió para la entrada queremos en comillas, pero para nada más. Ni se a qué puede deberse. Ya me cuentas.

    Un saludo!!

    ResponderEliminar
  70. samu, veo que el comentario #57 te funcionó para resolver lo de las comillas.
    Ahora hagamos este otro cambio que con él ya se deberá resolver todo.
    Busca esta parte y agrega lo que está en negrita:

    var imgtag = "";
    var img = div.getElementsByTagName("img");
    summ = summary_txt;
    if(img.length<=0) {

    ResponderEliminar
  71. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  72. Tengo una pregunta "off-topic", ¿se puede?
    Tengo un foro donde puedo colocar HTML en su portal, y quería saber si hay alguna forma de que pueda hacer un bloque donde aparezcan las entradas recientes de mi blog.
    Sí, es muy muy OT, perdón. Si ya está por algún lado, perdón otra vez. Si quieres, lo hablamos por mail para no desviar el tema.
    Saludos a todos.

    ResponderEliminar
  73. JOSE FER OROZCO GUTIERREZ, con este método no es posible, pero con este otro sí.

    LAS Scanlations, pues hay distintas formas aunque no sé si los foros reconozcan todo tipo de códigos HTML. Hay servicios que ofrecen gadgets con estas características, por ejemplo este. Saludos.

    ResponderEliminar
  74. hola potro exselente tu modificacion,esto me a animado para haserte una consulta, que me quiebra la cabeza,desde hase un buen rato.
    generalmente, ilustramos nuestras entradas con UNA fotografia,como tendriamos que haser para mostrar barias fotos,en una misma entrada.
    gracias y feliz año.

    ResponderEliminar
  75. Hasta donde sé sólo es posible mostrar una imagen (la primera). Pero deja que tenga tiempo y hago unas pruebas para ver si es posible mostrar más de una imagen en los resúmenes.
    ¡Feliz año!

    ResponderEliminar
  76. hola potro quiero saber como puedo quitar la imagen y dejar mis entradas en solo texto?

    ResponderEliminar
  77. En donde dice img_thumb_width = 120; cambia ese 120 por 0 (cero) y se dejará de mostrar la imagen en miniatura.

    ResponderEliminar
  78. hola, saludos

    segui todos los pasos y me salio,todo bien con las entradas
    , pero las paginas no las puedo visualizar

    ResponderEliminar
  79. Verifica que has agregado completo el primer código que se cambia pues justo en la última línea de ese código está la indicación de que se muestren las páginas estáticas.

    ResponderEliminar
  80. Me parece muy completa la página y verás como le saco mucho partido....
    En cuanto alguien me explique como puedo editar la plantilla en html para buscar las líneas que hay que cambiar/modificar.
    Un saludo.

    ResponderEliminar
  81. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  82. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  83. Pues parece que ya lo has conseguido porque ya veo funcionando el leer más en tu blog ;)

    ResponderEliminar
  84. Hola!!!
    Soy Lyra, hice lo que me dijoste y me funciona todo de maravilla ... Gracias!!!

    Quisiera hacerte una pregunta. En la página de inicio, no consigo que me salgan más de 19 entradas. En Diseño-configuración-formato-mostrar un máximo de: lo he cambiado varias veces, probando de todas las formas posibles y nada. Hay alguna otra manera?

    Gracias y un saludo!!!

    ResponderEliminar
  85. Hola Lyra,

    Desde hace ya varios meses Blogger implementó la autopaginación. Esto es que, es él quien decide cuántas entradas se muestran en la portada con el fin de aligerar la carga de los sitios, ya que muchos tenían demasiadas entradas a mostrar y la carga tan pesada afectaba a los servidores.
    Es por esto que sin importar cuántas entradas configures, si Blogger considera que tu blog carga lento entonces mostrará menos entradas para contrarrestar la lentitud de otros elementos.

    Saludos.

    ResponderEliminar
  86. Gracias Potro, por responderme tan rápido. Pero ... es una faena. Bueno ... ellos mandan.

    Un saludo!!!

    ResponderEliminar
  87. Hola potro. Muy buen tip pero tengo un problema y me gustaría que me ayudes. El problema es que al hacer click en la imagen no me redirecciona al post sino me lleva a una dirección terminada undefined. Te dejo el link del blog para que lo veas. Espero que me puedas ayudar. Gracias!

    http://freetuxprueba.blogspot.com/

    ResponderEliminar
  88. Eso sucede cuando sólo has cambiado el script pero no la primera parte del código, necesitas cambiar también lo que se menciona al inicio para que no tengas ese problema.

    ResponderEliminar
  89. Hola Potro, disculpa por el desvío del tema pero me podrías ayudar; descargue una plantilla y la coloque en mi blog pero en donde dice leer mas esta duplicado y no se que hacer

    por favor ayudame!!!....gracias :D

    ResponderEliminar
  90. Lo que sucede es que en esa entada también has usado el leer más de Blogger. Necesitas editar esa entrada (y en todas donde hayas usado el leer más) y quitar el <!-- more --> para que ya no tengas el leer más de Blogger.

    ResponderEliminar
  91. saludos,

    q raro porque copie todo completo y me salio, funciona bien con las entradas pero las paginas aparecen resumidas y no se pueden abrir, hice la prueba con tus anteriores entradas de leer mas con miniatura y me sale lo mismo

    ResponderEliminar
  92. joel, entonces no sé qué más pueda ser. En el primer código aparece esta línea:
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

    Esa condicional indica que es las páginas estáticas NO se mostrarán resumidas, así que al menos en cuanto a código está todo bien. Yo los he probado tanto este como el otro truco y en ambos las páginas estáticas se muestran sin problema.

    ResponderEliminar
  93. hola potro gracias por este script mejorado....me puedes ayudar con esto?a: como puedo alinear la imagen con el titulo y el resumen. aqui te dejo el ejemplo http://i1180.photobucket.com/albums/x409/fanatico09/potro.jpg
    seria elegante tener un script asi lo he visto muchos blogs pero tu eres el duro con esto.
    Gracias M

    ResponderEliminar
  94. Sí se puede hacer pero no quedaría exactamente igual a la imagen que me has mostrado ya que en el caso de Blogger al bajar el título al área de las entradas perdería los estilos por lo que el título parecería parte del texto de la entrada y haría que no se distinga.

    ResponderEliminar
  95. Saludos potro mira tengo un problema este es uno de los blogs ke tengo http://elmochitensepeliculas.blogspot.com/ kisiera saber si me podrias echar la mano ya intente todas las opciones ke das en inversa y nada.
    lo ke kiero es ke salga la entrada completa o ke me de la opcion leer mas lo kual esta plantilla no me la da desde ke la instale y pues la neta ke si me gusto y solo kiero ke salgan las entradas normal ke se puedan leer espero me explike bien si afecta mi enlaze kitalo porfa pero porfa ayudame :D

    ResponderEliminar
  96. Hola El-Mochi,

    El script de esa plantilla es muy similar a ese, sólo busca el código que se menciona aquí que se cambió por la otra etiqueta y en su lugar pon la etiqueta que se supone debías eliminar.

    Luego busca el script (igual parecido a este) y elimínalo.
    Con eso quitarás el leer más y aparecerán completas las entradas.
    Si puedes primero hazlo en un blog de pruebas con la misma plantilla antes de hacerlo en tu blog.

    ResponderEliminar
  97. hola potro:
    Me surgio un problema con este truco, estoy utilizando adsense como lo dice blog and web para que se muestre solo en las entradas y con este truco tambien se ve en la entrada en miniatura aqui esta mi blog para que lo veas y espero que me puedas ayudar
    celulares lerh

    ResponderEliminar
  98. Verifica que el anuncio de Adsense esté encerrado en el código que mencionan ahí, ese código que debe encerrarlo es el que condiciona que sólo en las entradas se debe mostrar.

    ResponderEliminar
  99. Potro:
    Mira es este el código que estoy utilizando, no se si este cerrado o no para que cumpla con la condicionante:

    <div style='float:right'>

    <!-- Aquí el código del anuncio -->

    </div>

    disculpa mi ignorancia

    ResponderEliminar
  100. Potro tengo un par de consultillas.. jeje ( que pesado soy Dios mio ) jejeje..

    Mira una es.. que el truco de leer mas me muestra 14 entradas, indiferentemente de lo que tengo pueso en configuracion, que son 30..


    y la otra aunque no tiene nada que ver con este post.. creo que sera mas facil responder ambas en el mismo comentario.. si no disculpa..

    Bueno el caso es que ando probando a personalizarme en un blog de pruebas una de las nuevas plantillas de blogger.. y no /body> ni /html> aparecen como en tosdas las plantillas que antes habia visto.. y al tratar de hacer el truco de las flechas de subir arriba y abajo del todo.. si se pueden ver en el blog... pero no hacen la funcion .. solo les das click y no pasa nada..

    ResponderEliminar
  101. Perdón Potro, estaba ocupando el código equivocado, disculpa por las molestias

    ResponderEliminar
  102. lerh, no hay problema ;)


    Θdiŋ-k0, Blogger tiene la autopaginación por lo que sin importar cuántas entradas configures mostrará sólo las que crea necesarias para no alentar la carga del blog. Las nuevas plantillas también tienen esas dos etiquetas que mencionas sólo que una de ellas no está en el lugar habitual pero usa las teclas CTRL+F y lo hallarás. Si el truco lo tomaste de aquí (Ciudad Blogger) entonces verás que hay indicaciones especiales para los que usan esas plantillas.

    ResponderEliminar
  103. Gracias Potro ya pude kitarle eso kedo bien creo de nuevo muchas gracias por tu ayuda, ahora sigo kon el proximo paso te dejare la pregunta donde corresponde :D

    ResponderEliminar
  104. Hola Potro disculpa si la pregunta no tiene que ver con la entrada, quiero que me ayudes con los enlaces de pie de navegación (creo que se llamamn así)a mi no me aparecen lo de entradas recientes- inicio o pagina principal- entradas antiguas, solo aparece Personal- entradas antiguas,en mi plantilla aparece esto
    #blog-pager-newer-link {
    float: $startSide;
    }

    #blog-pager-older-link {
    float: $endSide;
    }

    #blog-pager {
    text-align: center;
    }
    no recuerdo si antes hice algo allí espero me haya dejado entender y puedas ayudarme, desde ya gracias y disculpa lo extenso, un abrazo =)

    ResponderEliminar
  105. Hola Silvia,

    Debajo de #blog-pager { agrega esto:

    clear: both;

    Con eso deberán aparecer de nuevo tus enlaces de navegación.
    Saludos y un abrazo!

    ResponderEliminar
  106. Hola Potro gracias por tu respuesta no se si te entiendo bien copie clear: both; debajo de cada #blog-pager indicados en mi coment anterior pero sigue apareciendo los enlaces de navegación Personal y Entradas antiguas, que crees que haya hecho mal,gracias desde ya por tu respuesta y amable ayuda, mil abrazos =)

    ResponderEliminar
  107. Hola Potro disculpa mi ignorancia hice lo que me dijiste y todo quedo bien lo que paso es que estaba en la pagina principal y asi no veia el link entradas antiguas (se nota que me falta mucho por aprender) como siempre quedo muy agradecita por tu exelente ayuda y tu paciencia para los que estamos aprendiendo ¡Gracias!!!

    ResponderEliminar
  108. No te apures, lo importante es que ya está todo como debe estar ;)

    ResponderEliminar
  109. muy bueno potro pero este truco solo usa una unica imagen, se puede hacer lo mismo q este pero q la imagen en miniatura sea la misma q sale en la entrada? Gracias

    ResponderEliminar
  110. Si la entrada tiene imagen entonces se mostrará la miniatura de la imagen del post, pero el post no tuviera ninguna imagen entonces se mostrará la imagen predeterminada.

    ResponderEliminar
  111. Hola....llegue hasta aqui por casualidad buscando algo de ayuda ya que estoy empezando en este mundo del blogger...antetodo felicitarte por este estupendo trabajo que estas realizando...yo ahora tengo el leer más y6 quisiera utilizar este pero no encuentro la linia data:post.body/, yo la encuentro antecedida por el codigo de parrafo p y con su final /p, dos veces y me preguntaba si era esta la que tenia que sustituir y si son las dos. Gracias y un saludo

    ResponderEliminar
  112. Hola Boebre,

    Bienvenid@ a Ciudad Blogger!
    Aparentemente sí debes cambiar todo lo que está dentro de <p> y </p>
    Pero recuerda siempre que antes de hacer cualquier cambio importante en la plantilla hagas un respaldo de ella por si algo no saliera bien. Una vez hecho el respaldo cambia todo lo que hay dentro de esas dos etiquetas que mencionas, luego cambia el script que se menciona en la entrada y con eso ya deberás tener este Leer más.

    Saludos!

    ResponderEliminar
  113. Muy importante: ¿qué hacemos para que no se aplique a la última entrada que hayamos escrito (es decir, la 1ª q aparece)?

    Otra duda es que el formato del texto resumen se pierde. Por ejemplo, el espacio que colocamos después de puntos y comas o el punto y aparte y queda feo.

    Muchas gracias.

    ResponderEliminar
  114. Hola Aurora,

    En esta entrada encontrarás la explicación para aplicar el Leer más en el blog menos en la primera entrada.
    El script de esa entrada no es el "mejorado" si quisieras que tenga el que se explica aquí entonces sólo sigue las instrucciones de la entrada de allá pero los dos primeros pasos no los hagas, en su lugar haz los de esta entrada.

    En cuanto al formato, los sumarios no reconocen estilos del texto, tales como negritas, cursivas, e incluso el punto y aparte.

    Saludos.

    ResponderEliminar
  115. Gracias! Entonces coloco los 2 primeros bloques de aquí y el 3º de la otra. Entendido.

    ResponderEliminar
  116. Por fin encontré lo que buscaba después de mucho mirar por ahí. Pero finalmente hice los cambios en mi blog y me gusta el resultado. Soy nuevo en el mundo de los blog´s y me gustaría que te dieras una visita por mi sitio ya que quiero cambiar mi menú desplegable por otro que lleve incorporado una caja de búsqueda, me podrías ayudar?
    http://butaka22.blogspot.com/

    ResponderEliminar
  117. Hola Franklin,

    Sólo tienes que buscar un menú que sea de tu agrado y agregarlo a tu plantilla siguiendo las instrucciones que encuentres para la instalación del menú.

    Saludos.

    ResponderEliminar
  118. Gracias Potro, buscaré algo por ahí.
    Hasta pronto.

    ResponderEliminar
  119. Un millón de gracias porque a través de todos tus conocimientos he podido modificar mi blogs hasta el punto de edificarlo a mi gusto, también te he seguido los pasos en esta última publicación que hiciste, pero tengo un pequeño inconveniente y es que yo quisiera que las imágenes que tengo en miniaturas abrieran en la misma ventana, ya logre que Leer más me abriera en la misma ventana con el código target='_parent', pero no he podido hacer lo mismo con las imágenes. Espero que me puedas ayudar y gracias de ante mano.

    ResponderEliminar
  120. Es un gusto saber que los temas que se comparten aquí te han sido de ayuda y guía para darle la forma que quieres a tu blog :)

    Sólo busca en el script que se ha agregado esta parte y añade lo que está en negrita:

    imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><a target='_parent' href="'+ pURL +'" title="'+ pTitle+'">

    Saludos.

    ResponderEliminar
  121. Gracias por responder mi peticion de ayuda,pero quiero comentarte que ese es parte del incoveniente porque al insertar la parte que me pones en negrita en el script, se pierde el efecto de imagen en miniatura y de ocultar los videos. En realidad me interesa solucionar este problema, espero que puedas ayudarme y disculpame la insistencia y saludos a ti tambien.

    ResponderEliminar
  122. Sí funciona pero debes agregarlo también en a parte de abajo en un área muy similar, es decir, en estos:

    if(img.length<=0) {
    imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><a target="_parent" href="'+ pURL +'" title="'+ pTitle+'"><img src="http://lh6.ggpht.com/_dsEG33PDaHw/TSJuyxzIKkI/AAAAAAAAAgU/GP7fRmaI-5A/thumbnail.png" width="'+img_thumb_width+'px" /></a></span>';
    summ = summary_txt;
    }
    if(img.length>=1) {
    imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><a target="_parent" href="'+ pURL +'" title="'+ pTitle+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px"/></a></span>';

    ResponderEliminar
  123. Potro, Muchas gracias, me sirvio el codigo del script.

    Tengo una pregunta, quizas me la ayudes a resolver. Tengo el widget de LinkWhitin (para entradas relacionadas con el post), quiero que este no aparezca sino cuando se da click en leer mas, es decir cuando entren al post y no se me cuele dentro del resumen con la imagen miniatura de esta entrada. Como lo puedo hacer?

    ResponderEliminar
  124. Mira esta entrada que explica cómo hacer que ciertos elementos sólo aparezcan en ciertas partes del blog.

    ResponderEliminar
  125. potro muchas gracias por la ayuda y si tenias razon al parecer yo estaba poniendo algo mal muchas gracias denuevo

    ResponderEliminar
  126. Hola Potro!!! Desde ya muchas graciass por toda la info que brindas... Te digo que mas de una ves deje mis proyectos de armar un blog porque nunca podia concretar bien las cosas ya que estaban mal explicados en otras paginas y demas...

    El tema es que me gustaria que la imagen en miniatura apareciera centrada en los resumenes y ademas poder cambiarle un poco mas el tamaño, tanto de alto como de ancho!!! desde ya muchisimas gracias!

    ResponderEliminar
  127. Recuerdo que no hace mucho te preguntaba por este mismo tema, para que las imagenes de los LEER MAS salieran proporcionadas..... gracias majo, a todos y, sobre todo a los que tenemos blogs eminentemente graficos el que las imagenes de vista previa salgan proporcionadas nos es muy util, asi el trabajo luce mas y mejor
    eres el p**o amo

    Gracias Potro

    ResponderEliminar
  128. SuperAdmin, busca este código:

    imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><a href="'+ pURL +'" title="'+ pTitle+'"><img src="http://lh6.ggpht.com/_dsEG33PDaHw/TSJuyxzIKkI/AAAAAAAAAgU/GP7fRmaI-5A/thumbnail.png" width="'+img_thumb_width+'px" /></a></span>';
    summ = summary_txt;
    }
    if(img.length>=1) {
    imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><a href="'+ pURL +'" title="'+ pTitle+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px"/></a></span>';


    Y cambialo por este otro:
    imgtag = '<span style="display:block; text-align:center; padding:0px 10px 5px 0px;"><a href="'+ pURL +'" title="'+ pTitle+'"><img src="http://lh6.ggpht.com/_dsEG33PDaHw/TSJuyxzIKkI/AAAAAAAAAgU/GP7fRmaI-5A/thumbnail.png" width="'+img_thumb_width+'px" /></a></span>';
    summ = summary_txt;
    }
    if(img.length>=1) {
    imgtag = '<span style="display:block; text-align:center; padding:0px 10px 5px 0px;"><a href="'+ pURL +'" title="'+ pTitle+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px"/></a></span>';

    Con eso la imagen quedará arriba del texto y estará centrada.
    Para cambiar el tamaño de esta sólo sigue las indicaciones que se explican en la entrada para cambiar el tamaño.

    Saludos.

    ResponderEliminar
  129. "El Garras", sin duda era uno de los problemas que tenían que arreglársele al script, sobre todo por lo que mencionas, por aquellos quienes tienen blogs enteramente gráficos. Y bueno, tal parece que con esos cambios ya debe estar arreglado el asunto.

    ¡Saludos!

    ResponderEliminar
  130. Potro gracias por responder... Te comento el codigo que me pasaste centra las imagenes, pero rompe todo el codigo del resumen, es decir no resume la entrada y las imagenes se ven al tamaño publicado...
    Otra ves gracias!!
    Saludos.~

    ResponderEliminar
  131. Potro gracias por todo man!!!

    Te comento, el codigo que me pasaste para centrar la imagen en los resumenes funciona, pero el problema es que rompe el resumen.. No resume nada de nada y muestra las imagenes al tamaño original publicado.. Como lo arreglo????
    Otra ves gracias!!! Un saludo y un abrazo cordial!!

    ResponderEliminar
  132. Entonces eliminaste algún otro caracter sin darte cuenta. Prueba de nuevo fijándote que solo quites y pegues lo que te he indicado.
    Antes de pasarte el código lo probé y ha funcionado muy bien.
    Saludos.

    ResponderEliminar
  133. Si, definitivamente tenes razon, borre algo de mas o corri algun codigo a otro lugar y no me funcionaba, volvi a subir mi plantilla y le agrege el codigo y funciona correctamente!!!!

    Gracias Potro sos un grande jejej!!!

    ResponderEliminar
  134. Potro.. Tengo otra duda, en los resumenes no quiero que aparesca nada de texto, teoricamente modificando el summary_txt = a 0 no tendria que aparecer texto no??? Pero ami me sigue saliendo en lagunos resumenes! tenes idea de como arreglar eso??

    Ah y por sierto te mande un email atraves del contacto preguntandote por un gadget que no encontre aqui o quisas no di con el.. Un saludo grande!~

    ResponderEliminar
  135. Si quieres que no aparezca nada de texto entonces busca esta parte y elimina lo que está en negrita:

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

    Los correos de contacto aún no los he revisado, más tarde cuando lo haga te respondo.
    Saludos.

    ResponderEliminar
  136. Hola, gracias por el tutorial. Pero, hay forma de implementar esto, pero que no se tenga que hacer con imagenes en miniatura?

    Osea, que la entrada quede normal, pero que tenga, el "leer mas". Que no afecte a la imagen de una entrada.

    Gracias de antemano.

    ResponderEliminar
  137. En forma automatizada no sé, pero si usas el Leer más que tiene incorporado Blogger entonces te hará el resumen pero la imagen no cambiará de tamaño.

    ResponderEliminar
  138. Me podrías decir como activar la opción? Ya que tengo algunas entradas, que son largas (osea, mucho texto).

    Gracias. Soy novato en esto de los blogs.

    ResponderEliminar
  139. Mira esta entrada de Chica Blogger que habla sobre el tema:
    http://chicablogger.com/leer-mas-en-blogger-%C2%A1al-fin/

    ResponderEliminar
  140. Muchas gracias. Pensaba que era mas complicado jaja

    Un saludo.

    ResponderEliminar
  141. Eres un mago che...

    Puse un scripto que vi en el blog de chicablogger para lo mismo y nunca me funcionó... el tuyo si... gracias aunque igual en la primera parte nunca pude encontrar el script que copié de ella así que complementé el tuyo y el de ella...

    ResponderEliminar
  142. Amigo necesitaría una explicación:

    Para la imágen predeterminada puse un pajarito y este mide aproz 70 por 100... el caso es que me la agranda... como puedo dejarla igual de pequeña?

    Gracias

    ResponderEliminar
  143. En el área donde se cambia el tamaño de las miniaturas puedes hacerlo:
    img_thumb_width = 120;

    Ahí establece el ancho que quieres que tenga la imagen, por ejemplo, 70, pero entonces todas las demás imágenes en miniatura que no sean predeterminadas también tendrán el mismo ancho.

    Saludos.

    ResponderEliminar
  144. Y se podría hacer algo para mantener el resto del formato que tiene la entrada? Es decir, cuando se hace este cambio, los textos en negrita y los enlaces se pierden...Si es posible, que se debería agregar? Saludos!

    ResponderEliminar
  145. ¿Cómo hacer para que todos estos cambios funcionen correctamen en IE y Crhome? Sólo se aprecian bien en Firefox. Gracias!

    ResponderEliminar
  146. Javier, no, los resúmenes con scripts no reconocen estilos del texto tales como negritas, colores, cursivas, etc.


    Realidad Pehuajense, funciona en todos los navegadores. Probablemente sea la versión de tus navegadores o alguna incompatibilidad de tu plantilla.

    ResponderEliminar
  147. Gracias por tu respuesta. Sigo sin poder detectar el problema. Sólo en Firefox puede ver correctamente los cambios. En los demás, si bien funciona la función "Leer más..." no puedo hacer que las imagenes aparescan en miniatura a la izquierda del texto. ¿en qué parte de la plantilla puedo detectar esto?

    ResponderEliminar
  148. Potro!,una pregunta fuera del tema de las imagenes en miniatura... ¿Como puedo hacer para agregar "COLUMNAS" en diferentes lugares de mi blog?. Como por ejemplo: Debajo de las entradas (2,3 o 4 columnas si es que se pueden mas mucho mejor), arriba de las entradas, debajo de la cabecera del blog. En definitiva en diferentes lugares del blog.

    ResponderEliminar
  149. Realidad Pehuajense, necesitaría ver el blog donde lo has puesto para echarle un vistazo y ver cuál podría ser el problema.


    - [F]asteN [M]ovieS -, yo no tengo ese tuto, pero me parece que en Gema Blog lo tienen.

    ResponderEliminar
  150. Potro!, no lo tienen... osea tienen uno pero no es el que busco, sabrias hacer lo que te pido? Agregarle mas columnas al blog?.

    ResponderEliminar
  151. Entendido potro gracias por contestar! Saludos :)

    ResponderEliminar
  152. Sí tienen uno para el footer.
    Yo de momento no puedo explicártelo por comentarios pues es complicado, pero lo programaré para una entrada.

    ResponderEliminar
  153. El blog es www.realidadpehuajense.com Espero tu respuesta gracias!

    ResponderEliminar
  154. El problema no está en los navegadores, sino en el script, pues el script lo alojaste en un servidor, lo cual está bien pero recuerda que si lo alojas en Dropbox entonces siempre se deben meter los archivos dentro de la carpeta Public.
    Como no está en la carpeta Public entonces no hay acceso del archivo y por lo tanto el script no funciona.

    ResponderEliminar
  155. Muchas gracias! Ya lo solucioné. Sos un genio!!!

    ResponderEliminar
  156. Gracias Potro, y espero con ancias la entrada para crear Columnas, nesecito muchas jeje!. MUCHISIMAS GRACIAS POTRO SOS UN GENIO!

    ResponderEliminar
  157. no puede ser we qiero una respuesta a esta mierda me salio esto en blooger No hemos podido guardar tu plantilla y tambien esto No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: The element type "head" must be terminated by the matching end-tag "". eso me salio despues de dar clik en guardar plantilla y lo hize todo bien dime qe mas debo aser.

    ResponderEliminar
  158. ╚»★«╝ЯΣΥ_MIƧƬΣЯIӨ_619╚»★«╝, puedes hacer dos cosas:

    1.- Moderar tu vocabulario al comentar en el blog.
    2.- Verificar que el código que va antes de </head>esté completo y que al agregarlo no elimines por error algún otro caracter.

    ResponderEliminar
  159. Hola como haga para ponerle color a las letras style='font-size:13px; text-align:justify que codigo tengo que agregar despues, gracias me a servido mucho el tuto n_n

    ResponderEliminar
  160. muchas gracias por la ayuda ya lo aplique

    ResponderEliminar
  161. Gracias por el tutorial...todo me salio bien ...pero tengo una consulta intente cambiar la url de la imagen predeterminada por una que tenia en mi facebook...y me salio el cuadro con una x ... osea naa....queria saber si tenia que ver algo con el tamaño de la imagen????
    Gracias de antemano por tu respuesta.

    ResponderEliminar
  162. Que tal Potro. ¿Cómo hago para que los botones de compartir no aparezcan en leer más? quiero que sólo aparezcan en la entrada.

    Un saludo

    http://rocksnrulestv.blogspot.com

    ResponderEliminar
  163. DC Travel SA, necesitaría que pongas en tu blog el código con la imagen que quieres para ver cuál podría ser el problema.

    RocksNRules, localiza los códigos de los botones y enciérralos en una condicional, específicamente la que es para que un elemento se muestre sólo en las entradas individuales.

    ResponderEliminar
  164. Gracias, lo hice y funcionó, pero me queda el espacio que ocupaban. ¿Cómo lo reduzco?

    ResponderEliminar
  165. Olvida lo último, ya lo corregí. De nuevo gracias.

    ResponderEliminar
  166. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  167. amazing!!!!!!!!!!!!!!!!!! Gracias hermano!!

    ResponderEliminar
  168. Nos encanta este blog y todo eso, pero este truco no quiere aplicar eso de los estilos de fuente, como el color, siempre sale que debo cerrar div, pero ya he chequeado varias veces, y nada, todo esta bien, qué pasa?

    este es nuestra pagina: http://majutsunofansub.blogspot.com/, esta en edicion

    ResponderEliminar
  169. Entonces estás colocando mal el código, probablemente estás eliminando sin querer un caracter.
    Verifica que al agregar los estilos no se borre nada y que todo esté antes del la comilla final del cierre.
    Si continuas con el problema deja aquí el código de cómo lo estás haciendo para revisar dónde puede estar el error.

    ResponderEliminar
  170. Hola a mi me gustaria saber si hay alguna forma de acceder al post pinchando solo en la imagen en miniatura.Gracias por adelantado ;D

    ResponderEliminar
  171. El Potro, leer más sirve de maravilla en mi pag, mira:http://majutsunofansub.blogspot.com/, pero la cosa está en que al cambiar los estilos,style='font-size:13px; text-align:justify me dice el editor que cierre la etiqueta 'div', pero busco a ver si hay alguna que le falta algo, pero nada....Ayudame por favor, si quieres dejo que entres a editar mi pagina para ver...

    ResponderEliminar
  172. Posdata: hay una manera de cambiar el color de la fuente del blog(la plantilla es nerds down), es que a veces cambio el color del blog, y entonces, me toca cambiar uno por uno el color de las entradas...

    ResponderEliminar
  173. lo que busco al cambiar los estilos es cambiar sólo el color de la fuente...


    De adelantado, muchas gracias, me encanta esta página, es la más completa que he encontrado

    ResponderEliminar
  174. Gracias Potro....leyendo mas en tu pagina pude solucionar el problema.....estaba copiando mal la url...jejejje....es que soy principiante.
    Pero tengo otra consulta queria saber como puedo hacer que en la barra de menu horizontal por ejemplo cuando doy clic en la pestaña NUESTROS SERVICIOS salga opciones para escoger si deseo ir a VENTA DE PASAJES AEREOS - ALQUILER DE TRANSPORTE- ETC.
    No quiero descargar programas de la web.
    Te agradesco mucho que me ayudes.
    Este es mi blog: http://dctravelsa.blogspot.com/

    ResponderEliminar
  175. DC Travel , eso lo busco yo también , es un menu con categorías

    ResponderEliminar
  176. Oye, DC, qué tal si quitas la barra de navegación, y el archivo de blog, y eso de mostrar las fechas para que se parezca más a una pagina empresarial..

    ResponderEliminar
  177. Gracias YO-LESS por las sugerencias.....pasa que recien le estoy dando estructura al blog...

    ResponderEliminar
  178. Kenpachi, probablemente no leiste la entrada porque justo ahí se menciona que se puede acceder al post dando click en la imagen,

    ResponderEliminar
  179. YO-LESS, como te mencioné en el comentario anterior, debes verificar que todos los códigos estén completos. Debe quedar así:

    <div expr:id='&quot;summary&quot; + data:post.id' style='font-size:13px; text-align:justify; color:#FF00FF;'>

    Para cambiar el color de la fuente de todo el blog busca dentro de
    body {
    Esto:
    color: #000000;

    Ese es el color del texto de todo el blog.
    Saludos.

    ResponderEliminar
  180. DC Travel SA, mira esta entrada que explica cómo hacer lo que deseas.
    Saludos.

    ResponderEliminar
  181. ps, el Potro, mira cómo queda, y lo que dice:

    https://lh3.googleusercontent.com/_koBqNyPxZMs/TWVoWbpsQZI/AAAAAAAAFsM/BXAyv3Nhya0/s800/12.JPG


    una imegen vale más que mil palabras...

    ResponderEliminar
  182. En ese código antes de style=' debe haber un espacio, probablemente es por ese espacio que te está marcando error.

    ResponderEliminar
  183. Potro disculpa, este código no reconoce los "Enter", PERO además, junta el párrafo siguiente con el anterior sin dejar NI un solo espacio, osea literalmente pegado[s.H]abría alguna forma de solucionar eso?

    ResponderEliminar
  184. Hola Santiago,

    Ningún sumario reconoce los saltos de línea, espacios o formatos de texto.
    Estos dos últimos días estuve trabajando en el script para hacerle otra mejora que es justamente que pueda reconocer los formatos de los textos. Apenas termine con dos entradas que tengo pendientes publicaré el script con la nueva mejora que reconocerá formatos y espacios.

    Saludos.

    ResponderEliminar
  185. Fantástico Potro!!! Estaré esperando ansioso ese script entonces! Muchísimas gracias y Saludos también! ;)

    ResponderEliminar
  186. Felicidades por todo este trabajo, es justo lo que buscaba y me ha funcioando estupednamente, tanto este como otros posts!!

    Gracias!!

    ResponderEliminar
  187. Te agradezco tu comentario ester :)

    ResponderEliminar
  188. Potro las entradas quedan al pasar el cursor x las imagenes con el Tittle de "Undefined" ¿se podria cambiar?

    ResponderEliminar
  189. Copia de nuevo el script que va a antes de </head> ya está arreglado.

    ResponderEliminar
  190. Hola Potro, gracias por compartir esta valuosa info!
    Tengo una duda: Todo queda perfecto, lo único que no acabo de comprender, es como quito los botones de compartir de facebook, etc.. en la entrada resumida.
    No hay manera de que los botones de compartir se vean solo en la entrada expandida y no en la resumida?
    Gracias de antemano! : )

    ResponderEliminar
  191. Perdona! En este enlace estoy haciendo los cambios.
    También estaría bien eliminar el botón de comentar, no crees?
    Gracias de nuevo! : )

    ResponderEliminar
  192. Hola Descomposed,

    Sólo necesitas localizar los datos que quieres que no aparezcan, ya sean los datos de post footer, o los botones que mencionas y encerrarlos entre:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    y

    </b:if>

    De esa forma se mostrarán sólo al ingresar a la entrada, pero no en la portada.
    Saludos.

    ResponderEliminar
  193. Muchisimas gracias Potro! Intentaré modificarlo ahora : )

    Saludos!

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger