Leer más con thumbnail para Blogger
Publicado por Claudia en enero 21, 2009
Una de las cosas geniales de WordPress, es la posibilidad de mostrar thumbnails en los posts resumidos, en los themes estilo revista. Sin embargo, esa opción también está disponible para Blogger gracias a un script desarrollado por Vietwebguide, que corta todos los posts en el mismo número de caracteres, y además genera una imagen tipo thumbnail automáticamente para cada post que contenga al menos una imagen.Lo mejor, es que el script es fácil de añadir, y para utilizarlo no hay que hacer nada nuevo, salvo postear normalmente.
Existe una versión 3.0 del script (esta es la 2.0), pero no pude acceder a ella por la limitación del idioma (no entiendo vietnamita). Pese a ello, la versión que probé funciona perfectamente en Firefox e Internet Explorer 8 (agradecería opiniones de quienes usen versiones más viejas de IE).
Instrucciones
1. Pegar antes de < /head >
<script type='text/javascript'>
summary_noimg = 430;
summary_img = 360;
img_thumb_height = 125;
img_thumb_width = 125;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
2. Buscar < data:post.body/ > (con los artilugios expandidos) y reemplazar por:
<p><b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>--> Leer más...</a></span>
</b:if></b:if></p>
3. Configuración del script (opcional):
summary_noimg = determina el número de caracteres a mostrar en caso de que el post no tenga imágenes .
summary_img = determina el número de caracteres a mostrar en caso de que el post tenga imágenes.
img_thumb_height = alto del thumbnail.
img_thumb_width = ancho del thumbnail.
Utilicé valores que me parecieron apropiados para una plantilla con un ancho de 480px en el main-wrapper (la columna de los posts), y considerando que generalmente los thumbnails son de 125×125 píxeles.
Demo del script
Descargar script (para realojar, recomendado).
Posts relacionados
Compártelo!
Una de las cosas geniales de WordPress, es la posibilidad de mostrar thumbnails en los posts resumidos, en los themes estilo revista. Sin embargo, esa opción también está disponible para Blogger gracias a un script desarrollado por Vietwebguide, que corta todos los posts en el mismo número de caracteres, y además genera una imagen tipo thumbnail automáticamente para cada post que contenga al menos una imagen.Lo mejor, es que el script es fácil de añadir, y para utilizarlo no hay que hacer nada nuevo, salvo postear normalmente.
Existe una versión 3.0 del script (esta es la 2.0), pero no pude acceder a ella por la limitación del idioma (no entiendo vietnamita). Pese a ello, la versión que probé funciona perfectamente en Firefox e Internet Explorer 8 (agradecería opiniones de quienes usen versiones más viejas de IE).
Instrucciones
1. Pegar antes de < /head >
<script type='text/javascript'>
summary_noimg = 430;
summary_img = 360;
img_thumb_height = 125;
img_thumb_width = 125;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>2. Buscar < data:post.body/ > (con los artilugios expandidos) y reemplazar por:
<p><b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:right'><a expr:href='data:post.url'>--> Leer más...</a></span> </b:if></b:if></p>
3. Configuración del script (opcional):
summary_noimg = determina el número de caracteres a mostrar en caso de que el post no tenga imágenes .
summary_img = determina el número de caracteres a mostrar en caso de que el post tenga imágenes.
img_thumb_height = alto del thumbnail.
img_thumb_width = ancho del thumbnail.
Utilicé valores que me parecieron apropiados para una plantilla con un ancho de 480px en el main-wrapper (la columna de los posts), y considerando que generalmente los thumbnails son de 125×125 píxeles.
Demo del script
Descargar script (para realojar, recomendado).
100 Comentarios
Está lindo, che. A ver si lo implemento en mi blog de Blogger, para probarlo nomás porque mucha bola no le doy y en mi WP no me sirve
Saludos!
Muchas gracias
Quería ponerme a hacer algo así (aunque bastante menos sofisticado) pero siempre hay mucho que hacer.
Saludos!
Really cool and impressive, a very elegant idea for Blogger post.
Thanks for sharing ya!
Que bonito queda, ya lo tengo implementado en mi blog
Mira implente este truquillo en un blog de pruebas http://gocase-otroblogdepruebas.blogspot.com/ pero no me crea el thumbnail que pasaria ??? me respondes porfga a…
ademas no me resume ni nada q pasara? solo aparece el leer mas pero sin uso alguno __
Gocase, mira esto -> http://comments-test.blogspot.com/
Tu correo me rebota, sorry. Lo borré del comentario anterior (así evitas que te llegue spam al correo)
Claudia muchas gracias, te tomaste la molestia de coger la plantilla y aplicarlo pero no se como hiciste, puedes descargar esa plantilla y enviarmela?? ahh y mi correo estaba mal era de Gmail q pena Mil gracias
Saludos desde Colombia!!
Ah y ademas y perdona tanta molestia,pero como despues de eso se puede colocar una imagen que reemplace el Leer mas!!!
Hola!!
ohh, me gustó queda re lindo
Gracias por este dato, lo probaré a ver como queda… una pena que no sepas vietnamita jaja
Saludos!!
Hola Claudia. Podrías ayudarme. Intento aplicar “Leer más con thumbnail para Blogger”, pero no me sale. No se html aunque ya hagocambios en plantillas, poco a poco. Cuando dices “Buscar (con los artilugios expandidos) y reemplazar por:” ¿Que significa? ¿Qué y donde específicamente debo reemplazar?… Lo intento y no me sale, me da errores de xml (dice Blogger). Felicitaciones por tu Blog. Saludos desde Venezuela.
Hola tengo una duda antes de implementar la modificacion de mi plantilla:(puede q mi duda sea un poco ingenua jaaja)
Cuando te refieres a alojar el script no entiendo el porque? yo solo iba a implementar el cambio en los codigos pero tu recomiendas q lo desacarguemos, lo volvamos a alojar (en donde) e implementemos el cambio.
Saludos!!!
Espero tu respuesta ya q me parece exelente aplicar los thumbails en mi sitio.
@Javier: Simplemente son códigos que debes reemplazar en tu plantilla (usando el buscador o buscándolos manualmente), en la edición de HTML del blog, marcando la casilla de “expandir artilugios”
.
@Luks: Lo que pasa es que el truco uliliza un script javascript. En este caso, está alojado en la cuenta de googlepages del autor original. Realojar no es imprescindible, pero sí recomendado; si es muy complicado hacerlo (en SkyDrive, por ejemplo), es mejor dejar todo como está, siempre y cuando todo siga funcionando tal cual
Sorry por la tardanza! Saludos.
Claudia, acabo de utilizarlo y va perfecto. Soy otro blogero agradecido por tu esfuerzo
Se me hace muy dificil
, me salen mensajes de que script y el type no concuerdan… no entiendo 
Trata de seguir las instrucciones al pie de la letra
Claudia buenísimos tus aportes, tengo unas consultas:
1. ¿Cómo hago para que las imágenes del thumbnail mantengan el mismo tamaño que las originales?
2. No me quedó en claro donde colocar summary_img y como determino la cantidad de caracteres. Me darías un ejemplo a ver como sería el script con summary_img?
3. Ya agregué el script, pero al ingresar para leer el post completo, el color del título del blog cambia de color. ¿Tenés idea de que puede pasar? Ya probé varias veces cambiando los colores desde Fuentes y Colores. Probálo http://webpoliticas.blogspot.com/. Gracias.
Augusto:
1. La idea del thumbnail es mostrar las imágenes de los posts resumidos todas de un mismo tamaño. Por ende, las imágenes no se van a mostrar del mismo tamaño que las originales, a menos que leas el post completo.
2. “Sumary_image” es parte de la configuración del script. Al seguir los pasos anteriores, ya añadiste eso. Sólo debes buscarlo en la parte donde lo añadiste, y modificar el tamaño del thumbnail y el número de caracteres
3. Yo no noto cambios en el color del título del blog (vi tu blog con Internet Explorer, incluso)
Saludos!
Hello webmaster
I would like to share with you a link to your site
write me here preonrelt@mail.ru
Me funciono de maravilla, muy buen post.
Ademas ya estas en mi blogrroll.
Yo le agregue un boton en leer mas, y se ve mucho mejor.
Donde dice leer mas… en el codigo lo sobtitui por
y listo, Solo cambien la url de su boton.
como le hago para que el resumen salga justificado y no de lado derecho?
izquierdo perdón..
Muchisimas gracias lo he implementado en mi web y funciona muy bien.
Genial!
Ya lo he implementado y me va a las mil maravillas.
Muchas Gracias.
Hola Claudia, mucho gusto, me gusta tu truco y lo quiero implementar pero antes estoy que me disparo con una pistola de agua porque teno un leer mas que implemente cuando estaba en pañales con blogger, cambie la plantilla y ahora muestra unos post y otros no, solo pasa en ie6 y opera 9
Pero yo veo thumbnails en tu blog, Jean Carlos… Y se ven bien
Directo a favoritos!!
oh salve gran Diosa!!
Excelente aportacion, me declaro tu fan!!!
Hola, antes que nada muchas gracias por toda la info otorgada. Me gustaría pedirte un favor … ¿Cómo puedo colocar un botón que diga “leer más” en lugar de simples letras? Me gusta mucho este método, sólo que quisiera agregarle esa parte. Gracias y mucha suerte.
Andrea:
Si quieres poner un botón, debes añadir antes de ]]> :
.rmlink {
background-image: url(linkdetuimagende86x21px) no-repeat;
height: 21px;
width: 86px;
}
Y si quieres borrar el texto (para que aparezca sólo la imagen), debes suprimir (con los artilugios expandidos):
Muchas gracias por este truco, me funcionó muy bien y ahora mi blog se ve mejor. Gracias una vez más.
Ja! Gracias! muuy bueno lo estare utilizando, pero xD ahora editare mis mas de 160 entradas para que no se vean mal
Hola, ya me habias ayudado alguna vez y quizas pensaste que tu ayuda habia sido en vana, pues no es asi, utilizando la plantilla que me enviaste y haciendo algunas modificaciones ya tengo online mi blog cosas que me alegra mucho, pero ahora que posteo seriamente veo que el resumen no es del todo agradable pues como corta las plabras y ya que no alinea justificadamente es uin poco incomodo, tu que sabes mas que yo (porq sabes mucho mas) no sabes como con este mismo scrip puede uno en vez de que corte colocar un resumen que uno mismo elija? o como corregir como corta para que se justifique el texto y no quede esa mezcolansa tan para mi incomoda a la vista.
Gracias, ya puedes ver mi blog y ver de q se trata.
http://elcielosabe.blogspot.com/
Y ya sabes mi mail es gocaseb@gmail.com
Buen dia, disculpa que te moleste pero tengo un problema con el script, talvez podrias ayudarme.
El problema es que a veces lo carga y a veces no.
Es decir, entro al blog y lo toma, entro de nuevo y no lo toma, vuelvo a entrar y lo toma, y asi…
una lo toma, otra no, una si, otra no.
Tenes idea que puede llegar a ser ?
Saludos, espero tu respuesta.
Kosh: Yo entro una y otra vez y me toma (de verdad que sí).
¡¡¡Hola, Claudia!!! Quería usar estar aplicación como la tienes tú ahora, con la primera entrada sin reducir. Si me pudieras decirme cómo hacerlo, ¡me harías muy feliz!
¡¡¡Muchos besitos y gracias!!!
Hola Hada
Con PHP tienes muchísimas posibilidades, con Blogger no demasiadas cuando pones condicionales. De alguna manera debe poderse mostrar la primera entrada distinta de las demás. Voy a investigar un poco 
Yo uso WordPress, no Blogger
Saludos!
Me refiero sin reducir la primera entrada en la página principal. Por si acaso, me explico un poco más.
En mi sitio web (http://loscuentosdehadas.blogspot.com), el script me vendría muy bien para las etiquetas (siglo XVII, siglo XVIII, etc.), pues quiero mostrar todas las entradas en una sola página y se hace muy largo y pesado tal y como está sin el script.
Sin embargo, como podrás ver, la única entrada que tengo en la página principal es una imagen grande, y quiero mantenerla a ese tamaño y sin que ponga “leer” más. Ahí es donde encuentro el problema. Me gustaría poder implantarlo sin que afectara a esto.
Espero que puedas ayudarme. ¡¡¡Sería genial!!!
¡¡¡Besitos!!!
jajaja Escribimos al mismo tiempo. Cuando entré no me habías contestado ^_^
Ha sido una coincidencia la mar de divertida. Esperaré tu respuesta.
Hola Clauida no me has dado repsuesta, no se le pued eimplementar que en vez de cortar el resumen que salga sea un freagmento que uno escoja, es que visualmente ciertos cortes se ver horribles, no toma slatos de linea ni nada,
Gracias!!!
Respondeme porfa
@Hada de los Tiempos: Usar el script sólo para ciertas categorías o hacer que sólo la primera entrada se vea distinta, es algo muy complicado de hacer, aunque no puedo decir que sea imposible.
Creo que es mejor poner condicionales a la imagen que quieres que se muestre sólo en la página principal.
@Sebastián: Lee esta otra entrada:
Distintas maneras de poner excerpts en Blogger.
Claudia… ¡¡¡eres un cielo!!! No te puedes imaginar la alegría que me das. ¡¡¡El bosque así va a quedar precioso!!!
Voy a intentarlo y ¡¡¡muchísimas gracias!!! Nos has hecho muy felices.
¡¡¡Muchos besitos!!!
Hola de nuevo, Claudia. He hecho el truco, pero ahora me sale la imagen en cada uno de los post, antes del resumen. (mi blog de pruebas: http://pruebas13962.blogspot.com). Éste es el código que he usado, y también probé a poner el primer b:if antes de , pero pasaba lo mismo:
createSummaryAndThumb("summary");
–> Leer más…
Siento darte la lata de nuevo… Si ves que es muy complicado de solucionar, no te preocupes. ¡¡¡Besitos y gracias!!!
Como veo que en el comentario no aparece el código, decirte que lo que hice fue añadir el b:if que me sugeriste al resto del código, y el resultado fue ése: la repetición de la imagen en todos los post.
Hada: Disculpa, omití algo:
El código lo tienes que poner en la plantilla, no en un post. Como sólo es una imagen, la forma más fácil de hacerlo esa esa.
Así que… anda a tu plantilla, y añade el código HTML de la imagen con condicionales entre el header y las entradas; o sea, justo antes de “div id=content-wrapper” o similar, si es una adaptación de WordPress.
Ojalá ahora sí resulte bien. Tienes un blog muy bonito!
¡¡¡Muchas gracias, Claudia!!! ¡¡¡Eres un cielo!!!
Gracias!
Hola claudia, una duda, como puedo poner el marco a las fotos y como justifico el texto en el post?
Gracias!
Que padre, si pude hacer el truco de Leer Mas…..
Muchas GRACIAS…..
Isaías,
Para el marco de la imagen:
.post img {
border: 1px solid #000;
}
(Es un ejemplo)
Para justificar el texto:
.post-body {
text-align: justify;
}
Listo!
Muchas gracias!!
Hola pues lo probe y se mira bien en mozilla, en opera en safari en todo las versiones y en IE funsiona bien hasta yegar al 6 jeje ai ya te da problemas bueno gracias por estoy que esta muy bueno.
haber cuando publicas un tutorial de el plugin de wordpress de pagination son los numeritos que aparesen hasta abajo en cambio de anterior o siguiente.
la forma para aplicarlo a blogger que e visto tutoriales pero no los pude entender jaja bueno gracias y me respondes a mi correo si lo haces gracias hasta pronto
haa muy buen Diseño de tu pagina y me gusta como pusiste tus ads en tu header muy original jeje t cuidas chica blogger.
Jorge:
Piensa que scripts como éstos no se ven en navegadores viejos como Internet Explorer 6. Con IE 6, hay que olvidarse de muchos scripts
Yo no uso Safari, pero en Opera se ve perfecto. De todas maneras, de seguro próximamente voy a actualizar el script a su última versión, aunque no sé si corrija el error que dices ver en IE 6.
Tomaré en cuenta tu sugerencia.
Un saludo
Muchisimas gracias por este post, fue de mucha ayuda…….
me gustaria k intercambiaramos enlaces, me avisa porfa…….
Saludos
tengo un problemilla k a veces no muestra la imagen, y cuando entro al post la imagen se a dañado.
Gustavo: No entiendo a qué te refieres con que “la imagen se ha dañado”
me aperece el siguiente mensaje al intentar guardar la plantilla
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 content of elements must consist of well-formed character data or markup.
y he hecho exactamente lo ke ponias
Ana: Eso aparece cuando no cierras bien las etiquetas
hola buenas! muchas gracias por los grandes aportes que haces desde tu blog, realmente son una maravilla. Pero te queria preguntar por este script porque me venia andando bien pero entre hace poco y no me lo tomaba despues lo volvi a aplicar de cero y funciono pero al rato volvio a desaparecer, asi que te queria preguntar si sabias el motivo. Probe alojando el archivo de script en otro lado y nada. Desde ya muchas gracias.
Hay versiones más nuevas dando vueltas, pero no sé si el problema sea el script. También puediera ser que tenga smucho javascript en tu plantilla, y que eso dificulte la carga de tu blog, y por ende también del script.
[...] meses, veíamos tres distintas maneras de crear excerpts (resúmenes con “leer más” en Blogger). En general, todas funcionan [...]
Buenisimo voy a ver si lo implemento en mi blog
Gracias
hola tengo un problema al implementar el leer mas… funciona un rato y de hay deja de funcionar y aparece todo el post y el leer mas en al parte de abajo del post.. podrias ayudarme.
Daniel:
.
Podrías dejar la URL de tu blog para comprobar
Es raro que pase lo que dices: puede ser un problema con el alojamiento del script (siempre se recomienda realojar), o bien puede pasar que tengas muchos scripts o muchas cosas en tu plantilla, y que eso haga que cargue más lento, o no cargue bien.
hola tengo un problemilla q no consigo poner lo he puesto y se queda genial pero me salen uno al lado del otro pero los siguientes me salen uno mas abajo del otro no se si me explico bien….los post me salen genial uno al lado del otro peroo los q le siguen no me salen alineados sino uno mas abajo q el otro,podrias ayudarme???
besitosssss
ya lo he solucinado muchas gracias,y felicidades por tu sitio es genial
Excelente material… ha sido de gran utilidad
muchas gracias!!!
Hola!
Una pregunta!.. yo tenia otro tipo de esos instalado, el que se tiene q poner div style=fullpost.
Si pusiera este… no hubiera ningun problema???
y otra cosa… si alguna vez quisiera que una imagen salga tal y como la pongo en los posts resumidos (osea no el thumbnail). habria la posibilidad de hacerlo??? o ya no ??
bueno espero tu respuesta gracias!
chobed
excelente truco. funciona muy bien
Chobed: Para instalar un script, tienes que remover el que ya tienes. En el caso del script con thumbnails automáticos, no puedes hacer que los thumbnails se muestren sólo en algunas entradas (por eso es automático).
Saludos!
hOLA, REALMENTE ERES UNA CHICA BLOGGER, TE CUENTO, MI BLOG, BUENO SON COMO 40, PORQUE ME ENCANTA ESCRIBIR, ES EL MEDIO EN DONDE MUCHAS VECES SE DA A CONOCER AL MUNDO UNA VERDAD QUE SE HA QUERIDO ESCONDER, ADEMÁS DE DAR AL MUNDO NUESTROS PENSAMIENTOS. COMO TE CUENTO A MI SIEMPRE ME HA GUSTADO LOS TEMPLATES, LE DAN UN TOQUE DE DISTINCIÓN A TU BLOG, EL PROBLEMA ES QUE MUCHOS NO TRAEN MENÚ, PERO ESO LO HE RESUELTO EN ALGUNOS ESCRIBIENDO EL CÓDIGO XML, PERO HE VISTO QUE EN WORD PRESS HAY UN PAR DE TEMPLATES QUE ME HAN GUSTADO, ¿COMO PUEDO PASARLOS A BLOGGER? O MEJOR AÚN, ¿COMO LOS PUEDO INSTALAR EN MI BLOG DE BLOGGER? AYUDAME POR FA, TE ESTARÉ MUY AGRADECIDO, TALEZ DENTRO DE PRONTO VUELVO A PASAR POR TU BLOG, QUE ES UNA MARAVILLA, Y PUEDA QUE ENCUETRE UNA RESPUESTA, O SINO DIME COMO PUEDO SUBIR UN TEMPLATE A WORDPRESS, GRACIAS SALUDOS OSCAR. ESTA ES MI SEGUNDA VISITA POR AYUDA A TU BLOG, RECURRO A EL CUANDO SIENTO QUE YA NO ME FUNCIONA LA CABEZA. GRACIAS CHICA BLOGGER.
solo queria darte nuevamente la gracias, bye.
Otra vez te molesto, solo quiero decir que cuando he intentado eso de los thumbnails, claro le dan un toque mas bonito al blog, pero mi problema es qie los otros widgets que estan al lateral se ponen abajo de todos los post, o sea se desconfigura el blog. gracias por tu atención.
Oscar: Yo veo bien tu sidebar.
Por otra parte, pasar un template de WordPress a Blogger no es un proceso que puede explicar en un par de líneas. El 100% del trabajo requiere conocimientos avanzados de CSS.
Un saludo.
hola…
una pequeña pregunta…
como puedo aumentar el nº de caracteres para mostrar???
es que yo soy nuevo en esto de html
Exelente me sirvio mucho, ahora yo ser feliz! ^^
ok me funsiono perfectamente pero lo titulos me sale desordenados
espero q alguien me ayude.
el blog que estoy es raptatamusic.blogspot.com
yah! yo se cual es el problema pero no se como solucionarlo.
los titulos de las entradas de mi blog que estoy modificando, comiensan en la esquienas de las imagen. de las entradas.
esto se debe a que el leer mas.. aparese al lado del texto.
y si lo pongo que aparesca abajo los titulos me salen bien.
como puedo corregir esto.
mi blog es http://www.raptatamusic.blogspot.com
ayudenme por favor!
chicablogger ayudame!
nota: soy nobato en html y css cuando me vallan a esplicar aganlo que se pueda interpretar bien.
Radi: Yo veo los títulos en orden. No sé qué quieres decir con “desordenados” :O
Muy buenas.
Acabo de implementar el script y va de maravilla. Solo tengo un pequeño problemilla,
¿ Como separo el texto “Leer mas…” de la descripcion del post?
¿ Como se pone un salto de linea antes de “Leer mas…”?
Un Saludo y a seguir asi de bien
Parece q el script dejo de funcionar….
¿ Alguna solucion ?
Un Saludo
Que paso con vietwebguide? Alguien sabe?? Funcionaba de maravillas… Hay alguna alternativa??
Saludos!!
quedo buenisimo gracias
Si en lugar de querer que las imagenes tengan un tamaño fijo en pixeles, quereis que conserven las proporciones, se debe utilizar el valor % en lugar de px en el script. Esto nos obliga a redimensionar las imagenes, pero si utilizas imagesjack para colgarlas y eliges la opcion RESIZE IMAGE queda mucho mejor, os lo aseguro.
Podeis encontrar el script en:
http://sites.google.com/site/danielusthings/script_thumbnails_percent.js
Un saludo
Hay problemas con este truco y las nuevas paginas independientes de blogger.
Las páginas independientes se ven como “leer más” y con la miniatura y aunque se hace clic en leer más o el título no se amplian.
¿como soluciono esto?
Hola Chica, encontré la versión 3.0 del script hace ya tiempo, buscando esta mismo opción para los post, la encontré googleando así que te dejo el código o para a quien le interese:
/******************************************
Auto-readmore link script, version 3.0 (for blogspot)
(C)2008 by MCR
visit http://www.w3code.net to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf(“<")!=-1)
{
var s = strx.split("<");
for(var i=0;i”)!=-1){
s[i] = s[i].substring(s[i].indexOf(“>”)+1,s[i].length);
}
}
strx = s.join(“”);
}
chop = (chop =1) {
if(thumbnail_mode == “float”) {
imgtag = ”;
summ = summary_img;
} else {
imgtag = ”;
summ = summary_img;
}
}
var summary = imgtag + ” + removeHtmlTag(div.innerHTML,summ) + ”;
div.innerHTML = summary;
}
ah se me olvidaba comentar algo nuevo que trae es que las imágenes se ajustan bien en miniatura no se desproporcionan, eso me pasaba con el 2.0 y las centra.
Saludos
Hola, lo siento pero no entiendo… He seguido los dos primeros pasos y me aparece lo de “Leer más” pero no sé cómo poner la imagen/thumbail. He subido una imagen desde “insertar imagen” pero no la convierte en thumbnail, ¿qué estoy haciendo mal? Gracias
[...] Leer más con thumbnail para Blogger Publicado por Claudia en enero 21, 2009 [...]
Pues yo sigo los pasos que has puesto y … No sucede absolutamente nada.
He añadido el código necesario ya que mi plantilla es antigüa, y el de esta entrada, pero aun así no ha servido de nada.
¿Sabes por qúe puede ser esto?
Gracias.
ya no sirve el script aparece caido lo puedes acomodar
pues a mí no me funciona, cuando aparecen los posts con su –> Leer más… me lleva al post pero el post aparece vacio. ¿me puede ayudar alguien por favor?
Alooo…
sé que este post tiene muchos años pero que útil me ha sido,
utilicé como 4 códigos anteriores sin resultados y este lo logro… Gracias
ahora solo tengo una pequeña pregunta, solo salen 3 entradas en mi blog y me gustarian más, ya lo intente con ‘editar entradas de blog’ y poner otro numero, pero siguen saliendo 3
tienes idea de por que puede ser???
Grax
Be: Depende de las imágenes de tus entradas: No deben ser muchas las que muestres en cada post, ni tampoco demasiado grandes. También depende de los widgets javascript o elementos flash que muestres en tu blog.
Hola, que tal..
Pasa lo siguiente,En mi blog los Thumnail no aparecen en Internet Explorer..! Me podrias ayudar?? El blog es el que coloque como mi pagina web….!
Michel: Yo veo bien los thumbnails de tu blog en IE 9 (no sé qué versión tienes). De todos modos, si no logras verlos correctamente, sería recomendable que contactes al autor de la plantilla que tienes, o que actualices tu navegador.
Wow, Muchas gracias,eso hice,entre en la pagina del autor y pude ver que si se puede ver…! Entonces llegue a la conclusion que debe ser el XML que modifique!..
Entonces debo preocuparme??
Muchas Gracias.!
Muchas gracias lo implemente en dos de mi blog saludos
Hola una pregunta como hado para que no se active el leer mas en las paginas independientes que yo e creado