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

3 de marzo de 2011 127 comentarios ,
Este script no es compatible con Internet Explorer por lo que se recomienda seguir usando el método anterior.


Hace un par de meses les presentaba una mejora del Leer más con imágenes en miniatura el cual incluye una imagen predeterminada para las entradas que no tienen imágenes, tamaños proporcionales en las miniaturas y la posibilidad de ingresar a la entrada haciendo click en la imagen. Y aunque creía que ya no había nada más que hacerle a ese script siempre hay inquietudes de los usuarios; y algo que preguntan con frecuencia es porqué las entradas resumidas no respetan los espacios entre cada punto o salto de línea; o por qué si sus entradas tienen negritas y cursivas no se veían en los resúmenes, en otras palabras, que los sumarios se ven muy planos al no mostrar los formatos del texto.


Y bueno, haciéndole unas ligeras modificaciones conseguí que la entrada resumida pueda mostrar cualquier formato que tenga el texto, ya sean negritas, cursivas, colores, espacios, saltos de línea, etc. De manera que pueda verse tal como han escrito la entrada.


ATENCIÓN: Si estás usando el truco para elegir qué resumen mostrar en el Leer más automático no apliques estos cambios de lo contrario dejarán de verse los resúmenes personalizados.

Si ya habías puesto el Leer más con imágenes en miniatura mejorado (1) sólo elimina el script que va antes de </head> y en su lugar pon este:
<script type='text/javascript'>
summary_txt = 450;
img_thumb_width = 125;
</script>


<script type='text/javascript'>
//<![CDATA[
// Script original de Anhvo, modificado por ciudadblogger.com
function removeHtmlTag(strx,chop){
if(strx.indexOf("<img")!=0)
{
var s = strx.split("<img");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=0){
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 +'" title="'+'"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh9dSsZMv8DR34uquawqLUrRS0kIUsg1VD4EeH0cFfDb0ZPz0MBsM_fANxQIcrMeB-eksFVMmUyNKFKYhOzxiFFH_CGvuU8e54ul6ymCM8nOzNqAMA6EhovQO_z_biRHx8bb9CJCfyVEA/" 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="'+'"><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>

Y con eso bastará para que se apliquen las mejoras que además de las que tenía también podrán verse los textos enriquecidos.

RECOMENDACIÓN: Como las entradas resumidas respetarán cualquier cantidad de espacios o saltos de línea que haya es preferible que no dejes espacios antes del primer texto, por lo que si tienes una imagen al comienzo escribe tu entrada justo después del código de la imagen sin dar un salto de línea.


Si es la primera vez que vas a usar el Leer más automático entonces entra 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 = 450;
img_thumb_width = 125;
</script>

<script type='text/javascript'>
//<![CDATA[
// Script original de Anhvo, modificado por ciudadblogger.com
function removeHtmlTag(strx,chop){
if(strx.indexOf("<img")!=0)
{
var s = strx.split("<img");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=0){
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 +'" title="'+'"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh9dSsZMv8DR34uquawqLUrRS0kIUsg1VD4EeH0cFfDb0ZPz0MBsM_fANxQIcrMeB-eksFVMmUyNKFKYhOzxiFFH_CGvuU8e54ul6ymCM8nOzNqAMA6EhovQO_z_biRHx8bb9CJCfyVEA/" 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="'+'"><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>

Y listo.
Los que ya tenían el script mejorado notarán que el cambio en el script es mínimo pero los resultados son muy notables.
¿Algo más que mejorar? Probablemente sí, pero por ahora me parece que está bastante completo.


127 comentarios en:

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

  1. Voila!, soy el primero como siempre pendiente de tus post potro, y esta regenial este leer mas mejorado, de veras que cambio con respecto al anterior

    ResponderEliminar
  2. Al menos visualmente sí cambió bastante. Gracias por estar siempre :)

    ResponderEliminar
    Respuestas
    1. yo tengo eso en mi blog pero ami sale una imagen de faul para todas las entradas pq

      Eliminar
    2. No lo sé, pero este método ya no es recomendable. Hay que usar alguno de estos dos:
      http://ciudadblogger.com/2010/03/leer-mas-automatico-con-imagenes-en.html
      http://ciudadblogger.com/2011/01/leer-mas-con-imagenes-en-miniatura.html

      Eliminar
  3. Eres el amo potro!!!!
    Por cierto, al pasar el mouse por las imagenes aparece undefined, alguna forma de quitarlo?

    ResponderEliminar
  4. Hola Harry,

    Eso sucede cuando no se han aplicado los cambios de la primera mejora del script. Si no lo habías hecho entonces sigue los pasos que se indican que se deben hacer como si fuera la primera vez.

    ResponderEliminar
  5. Buenisimo jefe Potro me encanta pero pasa algo... que cuando hay un video en la entrada sale un cuadro blanco :P aparte que aun con la mejora del script anterior me sale undefined en la imagen ...

    ResponderEliminar
  6. muy bueno ahora hay que poder personalizar el resumen y que se vea el formato xD, jaja es broma, estoy bastante satisfecho con el resumen personalizado

    gracias potro, tu siempre ayudando

    ResponderEliminar
  7. Potro, precisamente eso fue lo que hice, ya que yo tenía el leer automático que habías hecho de primero (el primero de todos).

    Hice todo desde un principio pero me aparece el tooltip undefined cuando paso el mouse sobre las imagenes.

    Miralo acá: http://www.cuerpoarmonioso.com

    ResponderEliminar
  8. Hola Potro, está buenísimo. Pero te diría que quedaría aún mejor si pusieras las fotos con JSon, para que no se vean tan deformes. Pero bueno, a ver si sale, yo también trataré de hacer algo.

    Saludos desde Chile!

    ResponderEliminar
  9. Sergiio, lo del video es normal pues toma todos los primeros códigos de la entrada, en ese caso es mejor no agregar un video antes que una imagen o texto. Lo de Undefined ya está arreglado.

    ResponderEliminar
  10. SDK, jajaja, no se por qué pero tuve el presentimiento de que dirías eso :P


    Harry, ya está solucionado, copia de nuevo el script nada más :)

    ResponderEliminar
  11. Perfecto Potro, Muchas gracias =D

    ResponderEliminar
  12. Matt Aravena, el problema con jSon es lo tardado que es para responder pero no estaría mal probar ;)

    ResponderEliminar
  13. Hi!
    Aiko Kimura reportándose.

    xD En una palabra: ¡¡gracias!! Ha quedado fantástico x3. Cambia mucho, y para mejor.

    Y eso.
    xD Otra vez gracias por hacer de mi blog un lugar mejor (?).

    Aiko-chan se retira.
    Cuídate!!
    Bye!

    ResponderEliminar
  14. Te algo que realmente me incomoda de hace añosss jeje y me gustaria ver si hay alguna solucion. Hay manera que no se cargue todo el post? osea que solo se cargue el resumen, eso mejoraria notablemente la carga en los blogs. :D

    ResponderEliminar
  15. Aiko Kimura, gracias a ti por tu visita!


    Bilosony2™, difícilmente se puede conseguir ya que el navegador lee todo lo que hay dentro, ya sea que lo muestre o no de todas formas tiene que leerlo. La mejor forma de reducir la carga es mostrar menos entradas, eliminar scripts y gadgets innecesarios y usar imágenes livianas.

    ResponderEliminar
  16. Me encantaría usarlo, Potro. Mi duda es, con este truco ¿ se verían todas las entradas del blog de esta forma?..me interesaría mucho que fuera así, pero imagino que entonces tendré que modificar el número de entradas a visualizar en la configuración del blog, ¿no?...¿o ando despistada?.
    En todo caso, magnífico "truco".
    Un beso

    ResponderEliminar
  17. Ok Potro gracias por el tutorial

    ResponderEliminar
  18. Potro yo estoy utilizando el primer leer mas sin mejoras.. tendria que cambiarlo completo ??

    ResponderEliminar
  19. perdona ya habias respondido a esa prengua .. no me habia fijado.. ;) sorry

    ResponderEliminar
  20. Excelente truco.
    Una pregunta Potro, solo me gustaría tener el formato de texto en el resumen de las entradas.
    Lo de las imágenes lo hago por mi cuenta, meditándolas en Photoshop, pero me gustaría que el formato que le doy al texto, como negrillas, subrayado, cursivas, se vea también en el resumen de la entrada.
    Gracias Potro
    Saludos
    www.robinsonchar.blogspot.com

    ResponderEliminar
  21. ¡¡Que gran mejora!!
    Ahora se ve más bonito el blog, antes se veía muy poco estético ya que como le dieras formato a los textos... U_U

    Muchísimas gracias.

    ResponderEliminar
  22. ahh ok muchas gracias potro :D umm pues ya nimodos, sera corregir esa entrada... aunque creo que asi como lo tengo me gusta y no lo cambiare

    ResponderEliminar
  23. Eres un dios potro!! xD... no me he olvidado de ti, solo que he estado ocupado con lo de la inscripcion a la maestria y no he tenido tiempo de lo de chat fb. Esto es algo que andaba buscando :).

    ResponderEliminar
  24. Hola Sofía Serra Giráldez,

    En realidad no hay un metodo que evada la autopaginación de Blogger; sí podría reducirse el tiempo de carga ligeramente y quizá con ello podría aparecer una entrada más, pero eso basicamente depende del tamaño de cada entrada, de la cantidad de imágenes en el blog, de gadgets, scripts, etc. entre más liviano sea el blog más posibilidades hay de mostrar mayor número de entradas en el blog, pero propiamente este script no es una garantía.

    Besos.

    ResponderEliminar
  25. Hola Robinson Char,

    El tamaño proporcional de las imágenes sólo se aplica en la miniatura que se muestra en el resumen, el tamaño y proporciones de la foto en la entrada individual no cambia, ese sigue siendo tal como la hayas subido. Así que aplicando este método podrás tener el formato de texto enriquecido en los sumarios independientemente de las medidas de tus imágenes.

    Saludos.

    ResponderEliminar
  26. nenna, sin duda se verán mucho mejor los resúmenes :)

    Black, jaja, no te preocupes que no hay ninguna prisa, los estudios primero ;)

    ResponderEliminar
  27. Muy Bien, Potro.
    Simplemente en tu línea.
    Lástima que no hubiese descubierto tu Blog antes, las de pruebas y dolores de cabeza que me hubiese ahorrado.
    Es un placer tener gente como tú que tanto ayuda y enseña a aquel que no sabe.
    Te honra y dice mucho de tí el que compartas tu buen hacer con los demás, eso es una virtud.
    Sigue así.
    Un cordial saludo.

    ResponderEliminar
  28. Hola Potro, llevo muy poco tiempo con mi blog activo. Quiero que sepas que gracias a tus consejos y manera excelente de explicar las cosas, en poco tiempo he conseguido mejorar mi blog. Eres de gran ayuda y eso te honra.
    Muchas gracias.

    ResponderEliminar
  29. I finally found this cool blog ... hohohoho
    like my habit, if i'm find full stylish blog will be review \m/
    just wait...
    salam si bloglang anu ganteng kalem tea^^

    ResponderEliminar
  30. puedes hacer un post completo xD es que me pierdo con tantos links a otros post

    ResponderEliminar
  31. ok lei mal xD

    bueno aparecen pocos letras en mi web

    http://www.lockerzlatinos.com

    ResponderEliminar
  32. digo en cada entrada salen pocos caracteres y si ve bien feo

    ResponderEliminar
  33. Potro Gracias lo puse en mi web aprovechando un problema que tuve con la plantilla y quedo de 10!!
    http://www.elblogdelamor.com

    ResponderEliminar
  34. Gracias Jose Antonio, y yo me siento honrado por tener la visita de ustedes.
    Te agradezco tu amable comentario. ¡Saludos!

    ResponderEliminar
  35. Hola Jorge Donato,

    Qué gusto que estés encontrando aquí información que te es útil. Bienvenido a Ciudad Blogger y ya sabes que puedes tomar todo lo que necesites.

    Saludos!

    ResponderEliminar
  36. I really thank you Beben Koben, greetings!

    ResponderEliminar
  37. Dreko, no sé qué entiendas por post completo porque completo está. Los links que se mencionan son referencia nada más.
    La cantidad de caracteres a mostrar en las entradas se configura en esta área:
    summary_txt = 450;

    ResponderEliminar
  38. Diviernet, ciertamente te quedó de 10 :)

    ResponderEliminar
  39. Potro se arreglo el problema del blog ,la falla no estba en la plantilla por eso nunca se dio con el error, era una linea extrana en una entrada, me puse a revisar entrada por entrada en html ,una linea muy corta por poco y no la detectaba y pensar que por eso se arruino el blog, Gracias por tu ayuda

    ResponderEliminar
  40. Qué bueno que ya lo has solucionado :)

    ResponderEliminar
  41. Hola!!

    Este script funciona con IE? Lo puse en un Blog y funcionó de maravilla en Firefox, pero cual es mi sorpresa al comprobar como se ve el Blog en IE7... Sale la miniatura de la foto, pero también la foto tal cual, es decir, dos fotos para cada entrada resumida O_o

    http://bcnsherepunjab.blogspot.com/

    ResponderEliminar
  42. Hola ester,

    Tienes toda la razón. Desafortunadamente por más intentos que hice por repararlo en Internet Explorer no tuve éxito, así que será mejor no usarlo y continuar usando el Leer más automático mejorado (1).

    Saludos y disculpa las molestias.

    ResponderEliminar
  43. Vaya, siempre igual con esto del IE, qué rabia!!
    Pero no pasa nada, usaré el otro que dices que también estaré bien, así nos aseguramos que todo el mundo lo vea bien!

    Muuuuuchas gracias por tu rápida respuesta!!

    ResponderEliminar
  44. Hola potro, ya tenía mucho sin recurrir a este tu blog de ayuda para los inexpertos como yo.
    Desde que instalé el IE9 no puedo publicar una entrada nueva en el blog desde el IE, no puedo tampoco seleccionar texto, lo cual no me deja adjuntar enlaces a las palabras y lo más importante; no funciona el botón de Publicar entrada. ¿Sabes si IE9 tiene incompatibilidades con blogger?¿hay alguna forma de modificar elcódigo html para arreglar el error?, Gracias de antemano.

    P.D. Ni siquiera pude "publicar comentario" en tu sitio, el botón de publicar comentario y vista previa no funcionan, se ve que los aprieto pero no hace nada más. Terminé de escribir esto en el firefox. ¿Sabes si esto pasa en general o será un error de instalación de mi comutadora o mi paquete IE9?

    ResponderEliminar
  45. Disculpa que el comentario lo hiciera en esta entrada pero fue donde encontré problemas de incompatibilidad con IE. Gracias

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

    ResponderEliminar
  47. Hola Rovazcas,

    La verdad es que aún no pruebo IE9 por lo que no sabría decirte si es un problema de esa versión o de tu navegador/equipo.

    En caso de que fuera la versión recuerda que aun está en fase beta y cuando están en esas fases muchas cosas no funcionan todavía bien. De cualquier modo puedes preguntar a alguien que ya use esa versión para saber si tiene el mismo problema y así saber si es la versión de IE o tu equipo.

    Saludos.

    ResponderEliminar
  48. Hola de nuevo Rovazcas,

    Fíjate que no sabía que IE9 ya estaba en su versión final, así que después de responderte indagué y en efecto apenas me enteré que ya no era beta.
    Lo acabo de descargar y tienes toda la razón, parece que algo anda mal con el navegador pues tampoco me ha dejado agregar comentarios.
    Justo igual acabo de leer un correo de una persona que tiene problemas con la edición de sus entradas igual en ese navegador.

    Por ahora no hay mucha información al respecto pero apenas sepa algo se los haré saber para ver cómo podemos solucionarlo.

    Saludos!

    ResponderEliminar
  49. Pues muchas gracias potro, en el transcurso del día preferí desinstalarla por el momento y volver a la version 8, (aunque siendo sinceros sí note mayor velocidad en la navegación). Esperemos que microsoft arregle esos problemillas cuanto antes, o seguirá perdiendo usuarios con mucha velocidad. Muchas gracias de nuevo.

    ResponderEliminar
  50. Hola Potro,acabo de descubrir tu blog y me parece fabuloso.He instalado por primera vez "leer mas mejorado 2, y la casilla de la imagen reducida me aparece en lanco, q puedo hacer?.gracias

    ResponderEliminar
  51. Hola akelarre,

    Este método no resultó como esperábamos, es mejor que uses el Leer más mejorado 1, seguro con él no tendrás problemas.

    ResponderEliminar
  52. Buaa!!, me acabo de enterar del problema. ¡¡Que putadaaaa!! grrrr, estos de mocochof como siempre liandola. Yo paso de modificar el tema.. por culpa de esos. Ya hace tiempo que puse un precioso mensaje desaconsejandolo.

    gracias por el aviso ^^

    ResponderEliminar
  53. Potro, pero tienes idea de mas o menos donde reside el problema? Claramente el problema debe estar entre el cambio que hiciste a este script y su versión original. Lo pregunto porque a lo mejor entre varios podemos ayudarte a que funcione con el navegador de M$

    ResponderEliminar
  54. Este script tiene la indicación de que las etiquetas HTML sean omitidas, de esta forma es posible que las etiquetas SPAN, P, DIV, o IMG puedan mostrarse y así se pueda interpretar el texto enriquecido. El problema con IE es que "es tan obediente" que además de respetar la miniatura de la imagen la muestra también normalmente porque el script indicó que debía mostrarse todo literalmente. Por eso aparece la imagen pequeña y luego la imagen grande.

    ResponderEliminar
  55. Potro, y no se podría al menos que solo tome los espacios entre párrafos? Es que en el script anterior, aunque funciona bien, todo el contenido amontonado no se ve tan bien que digamos.

    ResponderEliminar
  56. Hola potro tengo un pekeño problema con esto no se si me puedes ayudar, aca va la el problema:

    en la paginal principal (portada) salen las imagenes con imagenes en miniatura, pero si pongo entradas antiguas ya no aparecen en imagenes en miniatura, probe poniendo la plantilla anterior q tenia por si algun cambio que hice fuera el causante pero no... sigue igual, ayudame porfavor, gracias

    ResponderEliminar
  57. me olvidava el blog del que te hablo es de www.revolucionstar.blogspot.com (tengo variso blog armando algunos asi q este es el que tiene el problema, gracias

    ResponderEliminar
  58. mmm plop de verdad viendo que tampoco es compatible con IE 8... y viendo que el ultimo cambio que realize fue que actualize el firefox de 3.16 a la version 4... en google crhome esta todo ok, pero si veo las estadiscticas de mis visitas firefox es el q mas usan... que tengo q borrar para tener las imagenes en miniatura version 1 XD

    ResponderEliminar
  59. amigo potro ya realize el cambio de las versiones de imagenes en miniatura... pero sigue igual al pasar a la pagina anterior sigue el mismo problema.... ( igual tenia que hacerlo pues en internet explorer no kedaba bien ) que puedo hacer para solucionar el problema ??

    ResponderEliminar
  60. ya amigo mio haciendo un analisis de todos las plantillas guardadas el problema comienza cuando coloco el carrusel, sin carrusel salen normal al cambiar a entradas antiguas, alguna solucion ?? ( que no incluya kitar el carrusel =7 )

    ResponderEliminar
  61. y si te fijas no sale tampoco el Siguenos .... ( disculpa si escribo mucho, al leer todo esto puedes borrar por favor los comentarios que kieres pues ia parece spam

    ResponderEliminar
  62. Hola FarStar,

    El problema que tienes no tiene nada que ver con el script o con algún otro gadget sino que se trata de un problema de Blogger:
    http://www.facebook.com/fans.ciudadblogger/posts/193054197397065

    Ahí en ese enlace también hay una 'solución' para algunos pero no funciona para lo del Leer más, como se trata de un error de Blogger tendremos que seguir esperando.

    Te recomiendo que suscribas a la página de Facebook pues ahí siempre estamos informando cuando hay un inconveniente con Blogger y con cualquier otra situación en los blogs.

    Saludos.

    ResponderEliminar
  63. Potro una pregunta. Como haria para que mis entradas tengan el LEER MAS... pero sin ningun texto por fuera, osea.. ningun resumen. Solo la palabra que diga, LEER MAS.

    Osea, la foto de la entrada, y debajo la palabra que diga LEER MAS.

    ResponderEliminar
  64. ¿Te refieres a que todas tus entradas tengan el texto Leer más y que enlace al post pero que no tenga ningún resumen?
    Si es así entonces busca esta línea:
    <data:post.body/>

    Y debajo de ella agrega esto:

    <span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leer más...</a></span>

    ResponderEliminar
  65. Sigue apareciendo todo el texto de la entrada Potro. Hice lo que me dijiste pero sale, todo el texto, osea... Las entradas salen todas, se ven todas, y debajo se ve el LEER MAS... [solo que le puse en vez de LEER MAS, le puse otra frace. Pero sale toda la entrada como siempre...

    Osea yo quiero que no salga el texto, que simplemente salga la foto de la entrada. En este caso, la quisiera poner a la foto en grande.

    ResponderEliminar
  66. Ah vaya, en ese caso lo mejor es que uses el Leer más de Blogger para que seas tú quien determine qué parte se mostrará y qué parte se esconderá.

    ResponderEliminar
  67. http://chicablogger.com/leer-mas-en-blogger-%C2%A1al-fin/

    ResponderEliminar
  68. Hola man te felicito por el post, aunque tengo una consulta para hacerte. Ay alguna forma de q me salga la imagen arriba y el texto junto al leer mas abajo de esa foto te agradeceria mucho la respuesta saludos.

    ResponderEliminar
  69. Probablemente cambiando en el script la parte donde dice:
    span style="float:left;

    Por esto:
    span style="text-align:center;

    Aparece dos veces, en ambos cámbialo.

    ResponderEliminar
  70. Hola El Potro, una pregunta Vez que tu pusiste si quieres poner una imagen en vez de 'Leer Mas' pues mi duda es como hago para que aparesca una imagen pero al pasar el mouse por la imagen o al darle clik aparesca otra asi como aqui: (antes y despus):

    http://dl.dropbox.com/u/16603935/ejemplo.PNG

    PD: No quiero pushbutton, Gracias xD

    ResponderEliminar
  71. Hola TutoGeek,

    Quita el texto 'Leer más...'
    Luego antes de ]]></b:skin> agrega esto:

    .rmlink {
    float:right;
    background: url(URL de la imagen normal);
    width:80px;
    height:20px;
    padding: 1px 2px;
    margin-left:20px;
    }

    .rmlink:hover {
    background: url(URL de la imagen al pasar el mouse);
    width:80px;
    height:20px;
    }

    Ahí pon las URLs de las imágenes que quieres y cambia el ancho y alto (width y height) de la imagen.

    ¡Saludos!

    ResponderEliminar
  72. Gracias Potro!!!!!!!! :D siempre soñe con esto, pense que solo era posible en WordPress T_T Gracias muchas Gracias ahora ve como quedo mi web (:

    ZoneGeek

    ResponderEliminar
  73. por cierto Potro si este truco se puede, entonces sera posible hacerlo pero con el logo del blog? el de la cabezera hacer lo mismo al pasar el mouse por el logo que cambie la imagen? sera posible? Gracias de nuevo! ;)

    ResponderEliminar
  74. Sí pero en plantillas personalizadas no sé qué tan bien funcione. Puedes probar eliminando la imagen de tu cabecera, luego cambiar esto:

    #logo {
    height:50px;
    left:0px;
    position:absolute;
    top:18px;
    width:200px;
    }

    Por esto:

    #logo {
    background:url(URL de la imagen) no-repeat;
    height:50px;
    left:0px;
    position:absolute;
    top:18px;
    width:200px;
    }

    #logo:hover {
    background:url(URL de la otra imagen) no-repeat;
    height:50px;
    left:0px;
    position:absolute;
    top:18px;
    width:200px;
    }

    ResponderEliminar
  75. :D una vez mas Mil gracias Potro((((((((:
    Gracias Gracias y mas Gracias x(D sos mi salvación(:

    ResponderEliminar
  76. Potro tengo una duda acerca de este script mira cuando entro a esta pagina:

    http://tools.pingdom.com/fpt/

    y testeo mi web para ver los elementos y carga en el blog me aparecen todas las imagenes de los post en vez de que solo me aparesca la primera de cada post (la miniatura de leer mas) mi duda es;

    Será que el scrip hace que se cargen todas las imagenes de todos los post (los primeros 7 en mi caso)

    o será la pagina de testeo hace un testeo profundo?..

    Averiguelo en el proximo capitulo... xD ok no
    Salu2!! xd

    ResponderEliminar
  77. Si tienes varias entradas en la portada entonces todas las imágenes de ellas cargan. No importa si tienes el Leer más, pues el script no hace que no cargue, sólo que no se muestre, así que sin importar el script se carga todo lo que haya en la portada.

    Saludos!

    ResponderEliminar
  78. Necesito preguntar algo... veras yo me baje una plantilla personalizada y no importa cual me baje.. ya que las que me bajo ya tienen la de vista en miniatura antes de entrar al post.. la que te muestra la imagen y un poco de texto antes de entrar a la entrada

    Bueno el problema es el siguiente no importa cual me baje de esas plantillas nunca me funciona bien cuando comparto un enlace en facebook ya que la imagen principal no me la toma

    Alguna solucion?

    Gracias de antemano

    ResponderEliminar
  79. Hola Gonza2011,

    Lamentablemente los plugins de Facebook leen los scripts de forma plana, así que si tienes un Leer más, un script de una fecha, o lo que sea antes de una entrada entonces lo lee como si se tratara un texto. Sin embargo curiosamente eso no sucede en algunos blogs, desconozco por qué sea esto, pero es un problema que se ha planteado desde hace mucho tiempo y los desarrolladores de Facebook parece que no leen las peticiones :/

    ResponderEliminar
  80. Hola Potro ^^ tengo una duda, hay una forma de que pueda poner dos imagenes en una entrada al principio y que en el leer mas solo salga la primera, es que es molesto poner una imagen previa despues del texto y queria ver
    si se puede poner la 2da imagen al principio del post sin que salga en el leer mas. Salu2!

    ResponderEliminar
  81. Checa aquí:
    http://ciudadblogger.com/2011/02/elegir-que-resumen-mostrar-en-el-leer.html

    ResponderEliminar
  82. Hola Potro, es magnífico este blog de tutoriales, me ha gustado el menú como el que tienes en cabezera, lo instale muy bien con tus enseñanzas, lo que me ocurre es que en mi blog blogger tengo videos y al parecer los congela, de antemano te agredeceré si me ayudas a que los videos funcionen si retirar ese menú tan brillante. Gracias y saludos.

    ResponderEliminar
  83. Hola Sebastian,

    El menú no debe interferir con la reproducción de los videos. No mencionas en cuál blog tienes el problema así que no he podido corroborare se fallo.
    De cualquier manera prueba ver tu blog desde otro navegador e incluso desde otro equipo.

    Saludos.

    ResponderEliminar
  84. Hola potro, podrias hecharle un vistazo a mi blog? no se porque me sale leer mas pero al final de todo lo escrito.
    Gracias

    ResponderEliminar
  85. toda la tarde con ello y justo después de pedir ayuda creo haberlo podido arreglar pero habría manera de que la vista inicial fuera un resumen mio y al darle leer mas se abriera la historia en lugar de verse como continuación?

    ResponderEliminar
  86. Sí es posible Yaura, mira esta entrada:
    http://ciudadblogger.com/2011/02/elegir-que-resumen-mostrar-en-el-leer.html

    ResponderEliminar
  87. Potro, una consultita. ¿Cómo hago para tener el listón como el tuyo en el logo de mi blog? Me refiero al liston rosado que tienes en el logo de tu blog.

    Te agradezco.

    ResponderEliminar
  88. No está sobrepuesto, hice un logotipo desde Photoshop y le puse en listón.
    Pero igual puedes ponerlo de una forma sencilla, aunque no estará en el logo:
    http://ciudadblogger.com/2010/11/listones-de-causas-para-el-blog.html

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

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

    ResponderEliminar
  91. Hola potro, tengo un problemita, las miniaturas de la plantilla original estaba en la parte izquierda del titulo (sin tapar las letras) pero ami no me gusta y le cambié el diseño de el titulo pero las miniaturas se visualizan en la parte de arriba izquierda y no se que hacer.

    Te agradezco, por cierto me ayudaste mucho con las entradas que haces, es mi primer comentario.

    ResponderEliminar
  92. Hola Axeel,

    Qué bueno que te has animado a comentar :)
    ¿En cuál blog tienes el problema que mencionas?

    ResponderEliminar
  93. en programamundo, no queria pasar el link x spam

    ResponderEliminar
  94. En ese blog no veo que los resúmenes tengan imágenes, no sé si lo has modificado. Si es así necesitaría que lo pongas de nuevo como estaba para ver el problema que tenías.

    Saludos.

    ResponderEliminar
  95. ya lo cambié como estaba antes. pero, vos sabes como hago para que las imágenes de los resúmenes puedan estar abajo del fondo del titulo.

    gracias por responder

    ResponderEliminar
  96. Prueba agregando en esta parte lo que está en negrita:

    <img style="margin-top:60px;" src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/>

    ResponderEliminar
  97. Lo pude solucionar. probé como me dijiste, pero no funcionó pero me acordé que estaba post-body img y decía top: 0px y me quedo bien.
    gracias por ayudarme :D

    ResponderEliminar
  98. Oye potro como hago que solo esto afecte a mis entradas pero no a otras paginas del mismo blog.

    Por ejm tengo stream en otra página pero al darle click me aparece resumido y no se puede ver toda la pagina incluso si le doy leer más.

    Espero tu ayuda!

    ResponderEliminar
    Respuestas
    1. Ninguno de los Leer más que he publicado afectan a las páginas. En todos (los que he publicado) sólo se aplica en las entradas del blog, pero no en las páginas estáticas.

      Saludos.

      Eliminar
  99. Buenas tengo un problema con el script todo sale bien cuando navego por mozilla firefox pero cuando entro por internet exploret se loquea mirelo en este blogger de prueba:

    http://pruevasssssss.blogspot.com/

    solo falla cuando entr por internet exploret podria ayudarme a correjirlo.:3

    ResponderEliminar
    Respuestas
    1. Hola David, quizá no viste el aviso amarillo que está al inicio de la entrada.

      Eliminar
  100. Gracias EL Potro no me habia fijado :3

    ResponderEliminar
  101. Hola potro yo otra ves, quiero saber como disminuir la cantidad de letra que sale resumida, para asi obtener mas visitas a las entradas, yo tengo este codigo no se que hacerle para modificar eso.

    ResponderEliminar
    Respuestas
    1. Hola Emmanuel, en summary_txt = 450; se modifica la cantidad de caracteres a aparecer en el resumen.

      Eliminar
  102. hola estoy leyendo esto de leer mas de forma automatico y me interesa mi web es esta http://unionmerengue.blogspot.com.es/ he visto que tienes varias entradas sobre esto , cual de ellas es la correcta para mi plantilla?

    y otra pregunta

    se podria poner una imagen estandard en las entradas resumidas que no les ponga imagen? es que si no le pongo imagen no sale igual de cuadrada.

    gracias

    ResponderEliminar
    Respuestas
    1. Cualquiera de las otras menos esta, pero veo que ya lo has conseguido :)

      Eliminar
  103. Hola Potro, tengo un problemita, y no sabía bien en que entrada publicar. Resulta que en todas mis entradas las cuales estas con LEER MAS, en todas publico un video de youtube, y solamente estoy pudiendole dar play desde la pagina principal ( con el "leer mas"), y no cuando voy a la entrada, es como que esta muerto el enlace, y ni no mal recuerdo hasta hace poco se podía. No creo que sea por haber puesto un código para anular "copiar pegar", por que eso lo tengo hace rato. Realmente necesito que me ayudes en esta. Un gran abrazo!

    ResponderEliminar
    Respuestas
    1. Pues sí es por eso totysianka, desde hace unas semanas hubo un cambio, no sé si en Chrome o en YouTube, pero los videos ya no responden si se tiene ese código en la plantilla, habrá que quitarlo si quieres que funcionen de nuevo los videos.

      Un abrazo.

      Eliminar
    2. sabes que no se que códigos habré puestos, podrias darme una referencia de como buscarlos, y como los podria eliminar?? gracias!!

      Eliminar
    3. Jojo, yo menos sé qué códigos habrás puesto porque tampoco sé en cuál blog tienes el problema, pero podrían ser uno de estos dos:
      http://ciudadblogger.com/2009/08/evitar-que-te-copien-el-texto-de-tu.html
      http://ciudadblogger.com/2009/10/como-evitar-que-te-copien-imagenes-y.html

      Eliminar
  104. Hola Potro:
    Quería preguntarte cómo añadir el leer más sólo en las entradas que yo quiera.Yo ahora lo tengo quitado de todas pero en alguna que me voy a extender quisiera poner el leer más con imagen en miniatura pero sólo en esa.gracias compañero por todo tu trabajo y esfuerzo para gente atn torpe como yo. un abrazo

    ResponderEliminar
    Respuestas
    1. Usa el Leer más que provee Blogger, con ese sistema tú eliges qué entradas lo tendrán así como en qué parte del texto aplicarlo.

      Saludos.

      Eliminar
  105. Potro, he conseguido hacerlo con éxito pero el tamaño del texto no se siempre el mismo. Me puedes decir que parametro tendría que modificar para que siempre saliera la misma cantidad de texto? Gracias, Maqui

    ResponderEliminar
  106. Otra cosa...como puedo controlar el tamaño de la foto para que siempre sea igual? Gracias de nuevo, Maqui

    ResponderEliminar
    Respuestas
    1. No se puede, el script calcula la cantidad de texto pero algunas veces corta antes de que alguna palabra larga sobrepase el límite.
      Lo del tamaño de la miniatura se cambia en img_thumb_width = 125;

      Eliminar
  107. Hola Potro,
    Hace mucho tiempo que te sigo y uso tus sabios consejos. Blogger no seria lo mismo sin ti.
    También hace mucho tiempo que tengo un problemilla (nada crítico) que me gustaría resolver. Desde que tengo las entradas en miniatura, de vez cuando, no te sabria decir exactamente el ciclo, pero el blog deja de mostrar el número total de entradas publicadas que he indicado en la plantilla y me muestra menos.
    Por ejemplo, si le digo mostrar 15 entradas, normalmente sale bien pero llega un buen dia y tras la publicación de una entrada que de repente sólo se muestran 5 o 6 y no sé porquè. A medida que voy publicando se van sumando hasta llegar de nuevo a las 15.
    No sé si me he explicado bien, pero ahora mismo puedes verlo en mi blog. Sólo se muestran 5 cuando debería mostrar 15.
    Tienes alguna idea?
    Muchas gracias de entrada por tu tiempo y paciencia con todos nosotros.
    Un saludo desde Barcelona (Spain).

    ResponderEliminar
    Respuestas
    1. Muchas gracias por tu amable comentario :)
      Eso se debe por la velocidad de carga del blog, o como Blogger le llama: autopaginación.

      La "solución" siempre es reducir el tiempo de carga y para ello siempre que hay que sacrificar imágenes, gadgets, scripts, etc.
      U, otra alternativa, es que uses el Leer más nativo de Blogger, usando su sistema la entrada no carga por completo, de esa manera se mejora significativamente la velocidad de carga del blog y permitirá que se muestren más entradas en la portada.

      Saludos hasta Barcelona.

      Eliminar
    2. Vaya, que la solución no parece trivial.
      Gracias Potro!

      Eliminar
    3. Hola Potro,
      Para tu info, resulta que todo ha sido por culpa de la última entrada publicada. Hasta el momento estaba añadiendo un SALTO DE LINEA en todas las entradas y en esta en particular no habia ninguno. En cuanto le he puesto el salto de linea a la entrada me han vuelto a aparecer las 15 entradas.
      Mu raro, pero ha funcionado.
      Gracias por todo!

      Eliminar

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.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger