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:
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:
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="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="'+'"><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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id' style='font-size:13px; text-align:justify;'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>");</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 == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><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="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="'+'"><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.
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
ResponderEliminarAl menos visualmente sí cambió bastante. Gracias por estar siempre :)
ResponderEliminaryo tengo eso en mi blog pero ami sale una imagen de faul para todas las entradas pq
EliminarNo lo sé, pero este método ya no es recomendable. Hay que usar alguno de estos dos:
Eliminarhttp://ciudadblogger.com/2010/03/leer-mas-automatico-con-imagenes-en.html
http://ciudadblogger.com/2011/01/leer-mas-con-imagenes-en-miniatura.html
Eres el amo potro!!!!
ResponderEliminarPor cierto, al pasar el mouse por las imagenes aparece undefined, alguna forma de quitarlo?
Hola Harry,
ResponderEliminarEso 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.
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 ...
ResponderEliminarmuy 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
ResponderEliminargracias potro, tu siempre ayudando
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).
ResponderEliminarHice todo desde un principio pero me aparece el tooltip undefined cuando paso el mouse sobre las imagenes.
Miralo acá: http://www.cuerpoarmonioso.com
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.
ResponderEliminarSaludos desde Chile!
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.
ResponderEliminarSDK, jajaja, no se por qué pero tuve el presentimiento de que dirías eso :P
ResponderEliminarHarry, ya está solucionado, copia de nuevo el script nada más :)
Perfecto Potro, Muchas gracias =D
ResponderEliminarMatt Aravena, el problema con jSon es lo tardado que es para responder pero no estaría mal probar ;)
ResponderEliminarHi!
ResponderEliminarAiko 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!
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
ResponderEliminarAiko Kimura, gracias a ti por tu visita!
ResponderEliminarBilosony2™, 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.
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?.
ResponderEliminarEn todo caso, magnífico "truco".
Un beso
Ok Potro gracias por el tutorial
ResponderEliminarPotro yo estoy utilizando el primer leer mas sin mejoras.. tendria que cambiarlo completo ??
ResponderEliminarperdona ya habias respondido a esa prengua .. no me habia fijado.. ;) sorry
ResponderEliminarExcelente truco.
ResponderEliminarUna 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
¡¡Que gran mejora!!
ResponderEliminarAhora 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.
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
ResponderEliminarEres 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 :).
ResponderEliminarHola Sofía Serra Giráldez,
ResponderEliminarEn 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.
Hola Robinson Char,
ResponderEliminarEl 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.
nenna, sin duda se verán mucho mejor los resúmenes :)
ResponderEliminarBlack, jaja, no te preocupes que no hay ninguna prisa, los estudios primero ;)
Muy Bien, Potro.
ResponderEliminarSimplemente 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.
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.
ResponderEliminarMuchas gracias.
I finally found this cool blog ... hohohoho
ResponderEliminarlike my habit, if i'm find full stylish blog will be review \m/
just wait...
salam si bloglang anu ganteng kalem tea^^
puedes hacer un post completo xD es que me pierdo con tantos links a otros post
ResponderEliminarok lei mal xD
ResponderEliminarbueno aparecen pocos letras en mi web
http://www.lockerzlatinos.com
digo en cada entrada salen pocos caracteres y si ve bien feo
ResponderEliminarPotro Gracias lo puse en mi web aprovechando un problema que tuve con la plantilla y quedo de 10!!
ResponderEliminarhttp://www.elblogdelamor.com
Gracias Jose Antonio, y yo me siento honrado por tener la visita de ustedes.
ResponderEliminarTe agradezco tu amable comentario. ¡Saludos!
Hola Jorge Donato,
ResponderEliminarQué 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!
I really thank you Beben Koben, greetings!
ResponderEliminarDreko, no sé qué entiendas por post completo porque completo está. Los links que se mencionan son referencia nada más.
ResponderEliminarLa cantidad de caracteres a mostrar en las entradas se configura en esta área:
summary_txt = 450;
Diviernet, ciertamente te quedó de 10 :)
ResponderEliminarPotro 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
ResponderEliminarQué bueno que ya lo has solucionado :)
ResponderEliminarHola!!
ResponderEliminarEste 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/
Hola ester,
ResponderEliminarTienes 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.
Vaya, siempre igual con esto del IE, qué rabia!!
ResponderEliminarPero 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!!
Hola potro, ya tenía mucho sin recurrir a este tu blog de ayuda para los inexpertos como yo.
ResponderEliminarDesde 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?
Disculpa que el comentario lo hiciera en esta entrada pero fue donde encontré problemas de incompatibilidad con IE. Gracias
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola Rovazcas,
ResponderEliminarLa 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.
Hola de nuevo Rovazcas,
ResponderEliminarFí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!
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.
ResponderEliminarHola 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
ResponderEliminarHola akelarre,
ResponderEliminarEste método no resultó como esperábamos, es mejor que uses el Leer más mejorado 1, seguro con él no tendrás problemas.
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.
ResponderEliminargracias por el aviso ^^
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$
ResponderEliminarEste 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.
ResponderEliminarPotro, 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.
ResponderEliminarLamentablemente no :/
ResponderEliminarHola potro tengo un pekeño problema con esto no se si me puedes ayudar, aca va la el problema:
ResponderEliminaren 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
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
ResponderEliminarmmm 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
ResponderEliminaramigo 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 ??
ResponderEliminarya 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 )
ResponderEliminary 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
ResponderEliminarHola FarStar,
ResponderEliminarEl 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.
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.
ResponderEliminarOsea, la foto de la entrada, y debajo la palabra que diga LEER MAS.
¿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?
ResponderEliminarSi 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>
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...
ResponderEliminarOsea 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.
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á.
ResponderEliminarEn donde se encuentra eso Potro?
ResponderEliminarhttp://chicablogger.com/leer-mas-en-blogger-%C2%A1al-fin/
ResponderEliminarY para Wordpress como se haria?
ResponderEliminarNo lo sé, no uso WordPress.
ResponderEliminarHola 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.
ResponderEliminarProbablemente cambiando en el script la parte donde dice:
ResponderEliminarspan style="float:left;
Por esto:
span style="text-align:center;
Aparece dos veces, en ambos cámbialo.
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):
ResponderEliminarhttp://dl.dropbox.com/u/16603935/ejemplo.PNG
PD: No quiero pushbutton, Gracias xD
Hola TutoGeek,
ResponderEliminarQuita 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!
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 (:
ResponderEliminarZoneGeek
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! ;)
ResponderEliminarSí pero en plantillas personalizadas no sé qué tan bien funcione. Puedes probar eliminando la imagen de tu cabecera, luego cambiar esto:
ResponderEliminar#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;
}
:D una vez mas Mil gracias Potro((((((((:
ResponderEliminarGracias Gracias y mas Gracias x(D sos mi salvación(:
Por nada TutoGeek :)
ResponderEliminarPotro tengo una duda acerca de este script mira cuando entro a esta pagina:
ResponderEliminarhttp://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
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.
ResponderEliminarSaludos!
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
ResponderEliminarBueno 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
Hola Gonza2011,
ResponderEliminarLamentablemente 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 :/
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
ResponderEliminarsi se puede poner la 2da imagen al principio del post sin que salga en el leer mas. Salu2!
Checa aquí:
ResponderEliminarhttp://ciudadblogger.com/2011/02/elegir-que-resumen-mostrar-en-el-leer.html
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.
ResponderEliminarHola Sebastian,
ResponderEliminarEl 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.
Hola potro, podrias hecharle un vistazo a mi blog? no se porque me sale leer mas pero al final de todo lo escrito.
ResponderEliminarGracias
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?
ResponderEliminarSí es posible Yaura, mira esta entrada:
ResponderEliminarhttp://ciudadblogger.com/2011/02/elegir-que-resumen-mostrar-en-el-leer.html
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.
ResponderEliminarTe agradezco.
No está sobrepuesto, hice un logotipo desde Photoshop y le puse en listón.
ResponderEliminarPero 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
Este comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarHola 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.
ResponderEliminarTe agradezco, por cierto me ayudaste mucho con las entradas que haces, es mi primer comentario.
Hola Axeel,
ResponderEliminarQué bueno que te has animado a comentar :)
¿En cuál blog tienes el problema que mencionas?
en programamundo, no queria pasar el link x spam
ResponderEliminarEn 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.
ResponderEliminarSaludos.
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.
ResponderEliminargracias por responder
Prueba agregando en esta parte lo que está en negrita:
ResponderEliminar<img style="margin-top:60px;" src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/>
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.
ResponderEliminargracias por ayudarme :D
¡Excelente Axeel!
ResponderEliminarOye potro como hago que solo esto afecte a mis entradas pero no a otras paginas del mismo blog.
ResponderEliminarPor 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!
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.
EliminarSaludos.
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:
ResponderEliminarhttp://pruevasssssss.blogspot.com/
solo falla cuando entr por internet exploret podria ayudarme a correjirlo.:3
Hola David, quizá no viste el aviso amarillo que está al inicio de la entrada.
EliminarGracias EL Potro no me habia fijado :3
ResponderEliminarHola 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.
ResponderEliminarHola Emmanuel, en summary_txt = 450; se modifica la cantidad de caracteres a aparecer en el resumen.
Eliminarhola 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?
ResponderEliminary 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
Cualquiera de las otras menos esta, pero veo que ya lo has conseguido :)
EliminarHola 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!
ResponderEliminarPues 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.
EliminarUn abrazo.
sabes que no se que códigos habré puestos, podrias darme una referencia de como buscarlos, y como los podria eliminar?? gracias!!
EliminarJojo, 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:
Eliminarhttp://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
Hola Potro:
ResponderEliminarQuerí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
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.
EliminarSaludos.
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
ResponderEliminarOtra cosa...como puedo controlar el tamaño de la foto para que siempre sea igual? Gracias de nuevo, Maqui
ResponderEliminarNo se puede, el script calcula la cantidad de texto pero algunas veces corta antes de que alguna palabra larga sobrepase el límite.
EliminarLo del tamaño de la miniatura se cambia en img_thumb_width = 125;
Hola Potro,
ResponderEliminarHace 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).
Muchas gracias por tu amable comentario :)
EliminarEso 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.
Vaya, que la solución no parece trivial.
EliminarGracias Potro!
Hola Potro,
EliminarPara 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!