Leer más automático con imágenes en miniatura

22 de marzo de 2010 585 comentarios ,
Hay una versión más actualizada de este script que puedes ver en esta entrada.


Leer mas
Aunque hemos visto una forma de usar el Leer más con el método de expandir entradas e incluso ya Blogger tiene la opción de Leer más, estas opciones no son automatizadas, es decir, cada vez que se quiera usar el Leer más en una entrada se tiene que usar un código, además que no muestran los thumbnails, o sea las miniaturas de las imágenes de las entradas.

Hay un script de Anhvo que permite poner el Leer más en todas las entradas de forma automática, y además de eso muestra la imagen en miniatura que tenemos en la entrada, la cual podemos configurar para que sea del tamaño que se desee.
Este método me parece de los mejores ya que no tenemos que hacer nada mas que escribir nuestras entradas y el script hace el trabajo sucio.

Puedes verlo funcionando en Respondones, en la página principal se muestran las entradas resumidas con Leer más.

Para ponerlo en tu blog entra a Plantilla | Edición de HTML, y busca esta etiqueta:
<data:post.body/>

Sustituye esa etiqueta por este otro código:
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leer más...</a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

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 pega antes de </head> lo siguiente:
<script type='text/javascript'>
summary_noimg = 400;
summary_img = 300;
img_thumb_height = 125;
img_thumb_width = 125;
</script>

<script type='text/javascript'>
//<![CDATA[

/******************************************

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

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

//]]>
</script>
Ojo, es posible que la primera etiqueta que hay que cambiar la tengas dos o más veces, si así fuera haz el cambio en una, si dando Vista Previa no ves que funcione entonces haz el cambio en la otra que tengas repetida y así sucesivamente.


Configuración

Puedes configurar el tamaño de las imágenes y el número de caracteres a mostrar en el resumen de las entradas, eso se hace al inicio del script, es decir, en esta parte:
summary_noimg = 400; Número de caracteres cuando la entrada NO tiene una imagen
summary_img = 300; Número de caracteres cuando la entrada tiene una imagen
img_thumb_height = 125; Alto de la imagen en miniatura
img_thumb_width = 125; Ancho de la imagen en miniatura


Si quieres darle otro estilo al enlace de Leer más como un color de fondo, cambiar el color del texto, etc. entonces pega antes de ]]></b:skin> lo siguiente:
.rmlink {
float:right;
background: #04B4AE; /* Color de fondo */
border: 1px solid #000;
font-weight: bold;
padding: 1px 2px;
margin-left:20px;
}
.rmlink a {
color: #FFF; /* Color del texto */
text-decoration: none;
font-weight: bold;
}
.rmlink:hover {
background: #045FB4; /* Color de fondo al pasar el cursor */
border: 1px solid #000;
text-decoration:none;
}

También puedes cambiar el texto Leer más... por otro texto cambiando lo que está en color rojo en el primer código. Si prefieres usar una imagen en lugar de un texto entonces sustituye ese texto por el código de la imagen:
<img src="URL de la imagen" />


Como ves es sencillo de instalar, el script es corto así que no habrá problemas con el tiempo de carga de la página y lo mejor es que el Leer más se hará de forma automática en todas las entradas.


585 comentarios en:

" Leer más automático con imágenes en miniatura "

  1. Muy bueno, en Curiosidades del Mundo lo tengo, es muy bueno para post largos o con muchos Videos e Imagenes para que se cargue más rapido la web, es genial que lo coloques para que asi más se unan a esto para que sus webs carguen más rapido, deberias probarlo en Ciudad Blogger y pones que salgan 5 Entradas digo esto para que se vea mejor.

    Nos vemos

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

    ResponderEliminar
  3. Por cierto quiero hacer eso de las donaciones de PayPal, pero no sale como le hiciste tu

    nos vemos

    ResponderEliminar
  4. Hace varios meses lo puse unos días de prueba aquí pero sentí que no era adecuado para este blog (ideas mías) aunque quizá más adelante lo reconsidere.
    Para las donaciones en tienes que crear un botón en Paypal, por ahí hay una opción de crear botones, cuando lo haces te dan un código, ese es el que debes usar para poner en tu blog.

    Saludos.

    ResponderEliminar
  5. esta muy bueno el truco potro, pero como le haga para que dando clic en la imagen igual abra la entrada

    ResponderEliminar
  6. Hola potro pues muchas gracias por poner lo que te pedi ^^ gracias de verdad seguire este blog mas seguido:

    SALUDOS!!

    ResponderEliminar
  7. Chilaverde, esa característica no se puede modificar :(

    KakashiSharingan, por nada, ojalá te sea útil.

    ResponderEliminar
  8. Jajaja, no sigas poniendo este tipo de cosas!!! (es broma, jeje XD)... Ahora que me voy para wordpress, cada vez que veo un tutorial tuyo me dan más ganas de quedarme, sobre todo por este... Sabes... se me ocurrió una idea... en el cambiaso para wordpress, obviamente, cambiaré también mi plantilla, así que la que tengo ahora la venderé... Jajaja XD

    ResponderEliminar
  9. Ascesino, espero k saques algun provecho al mudarte a wordpress.
    Pero te soy sincero, no hay nada como el blogger.com :P.
    Jajaja.
    Potro este tutorial me servira ya que yo estoy queriendo crear mi propia plantilla.

    ResponderEliminar
  10. Pues igual y anímate y le compras su plantilla a Ascesino96, jajaja.
    Yo igual me quedo con Blogger, eso de pagar hosting al mes como que no, y más si quieres tener muchas visitas, tienes que pagar un hosting más caro que pueda tener más ancho de banda.

    ResponderEliminar
  11. Perfecto ,pero una pregunta ,como hago para que aparescan mas de 5 entradas en mi blog

    ResponderEliminar
  12. Que estupides eso del Wordpress y lo mas estupido es que hay gente que paga :/.

    ResponderEliminar
  13. Porcierto no trato de ofender a nadie en mi comentario jejeje.

    ResponderEliminar
  14. www.bonaisima.com, entra en Configuración > Formato, y al inicio en Show at most escribes el número de entradas que quieres mostrar en la página principal.

    PepeX, pues hay gusto para todo, igual si hay capital para pagar el hosting pues no hay problema.

    ResponderEliminar
  15. excelente truco gracias por el dato desde hace meses buscaba como hacerlo, gracias potro eres un master

    ResponderEliminar
  16. Esto es lo que yo quería!! Gracias Mr.!! jijiji

    Potro, quiero poner un enlace permanente de 'ciudadblogger' en mi blog. Pero el único banner tuyo que conozco, es muy grande para el estilo que yo uso en mi site... Tienes alguno tipo botón que yo pueda aplicar??...


    Gracias, Mr.Potro!!

    ResponderEliminar
  17. ๔คякคℓย¢คя๔, qué bueno que te ha gustado, es un truco muy útil y fácil de implementar.

    Sergio ♫♫♫, gracias por el enlace, aquí puedes ver distintos tamaños de banners ;)

    ResponderEliminar
  18. Ya está!! jejeje

    Ni lo menciones, Mr.!! es lo menos que puedo hacer. (si mi blog es más tuyo que mío) jijijiji


    Fuerza!!

    ResponderEliminar
  19. Ola potro q hay..

    Oye sabes si ya no esta funcionando la nube de etiquetas en flash?

    A mi ya no me aparece no se porque es esta:

    http://ciudadblogger.com/2009/04/nube-de-etiquetas-en-movimiento.html

    ahi la publicaste no se si ya no este funcionando espero respuesta


    SALUDOS..!!

    ResponderEliminar
  20. El sitio donde está alojado el script de esa nube de etiquetas parece que tiene problemas, habrá que esperar para ver si se recupera.

    Saludos.

    ResponderEliminar
  21. Ascesino96: no te dejes confundir pot todos esos pluguins que parecen simplificar la vida... Wordpress tiene otras complicaciones (es mi humilde punto de vista).

    Bro: es este el mismo script que tengo en mi plantilla ??? (gracias a ti, obvio, jajaja)

    Un abrazo!!!

    ResponderEliminar
  22. Hola Potro, como puedo borrar la fecha con su imagen y el read more.

    por ejemplo de esta plantilla :

    http://btemplates.com/2010/02/07/rockwell/demo/

    ResponderEliminar
  23. El potro, lo estoy intentando, a esto, y no me funciona, mi web es www.porvelez.com.ar
    Saludos

    ResponderEliminar
  24. bro, no recuerdo si es el mismo, me parece que es otro pero ambos funcionan a la perfección :)

    documentosdearquitectura, la fecha tienes que quitarla entrando en Diseño > Elementos de la página, click en Editar sobre Entradas del blog y desmarcar la casilla de la fecha. Luego busca en tu plantilla esta URL: http://1.bp.blogspot.com/_MwtPDoeubSk/S2bNUxiV63I/AAAAAAAACCo/OWfyt3VCvwA/s1600/ico_date_pink.png y elimínala. El Leer más no sé, cada plantilla usa un sistema distinto y no sé cuál habrá usado el diseñador.

    Coloush +16, revisa que estés poniendo los códigos en el lugar correcto, en sí debe funcionar en todas las plantillas.

    ResponderEliminar
  25. Muy bueno el post!!

    Intenté reemplazar el "leer más" por dos imágenes con mouseover pero no funcionó...

    Reemplacé "Leer más..." con esto:

    img src="URL IMAGEN UNO" onmouseover="javascript:this.src='URL IMAGEN DOS';" onmouseout="javascript:this.src='URL IMAGEN UNO';"

    La imagen uno aparece y se puede acceder al post, pero no funciona el mouseover.

    Que hice mal?

    Gracias!!

    ResponderEliminar
  26. Ese código no funciona cuando se pone directo en la plantilla, mejor agrega los estilos en la plantilla:

    .rmlink a {
    background: url(URL de la imagen normal);
    }
    .rmlink a:hover {
    background: url(URL de la otra imagen);
    }

    Saludos.

    ResponderEliminar
  27. ahhh... me parecía que no era el mismo...jajajaja muchas gracias Bro!

    Un abrazo!!!

    ResponderEliminar
  28. El Potro, gracias por la respuesta.

    Al principio quedaba tanto lo escrito "Leer mas" como las imágenes. Entonces borré "Leer más", pero no aparecían las imágenes.

    Volví a escribir "Leer más" y lo resolví con este código:

    .rmlink a {
    color: transparent;
    background: url(IMAGEN NORMAL);
    width: XXXpx;
    height: XXpx;
    padding: 1px 2px;
    background-repeat: no-repeat;
    }
    .rmlink a:hover {
    background: url(IMAGEN MOUSEOVER);
    width: XXXpx;
    height: XXpx;
    padding: 1px 2px;
    background-repeat: no-repeat;
    }

    No se si es la solución más prolija pero funciona.

    Al poner color: transparent las letras "Leer mas" no se ven, pero sí las imágenes.

    Igual, es importante que el largo que ocupa "Leer más" sea suficiente para la imagen, sino éstas se ven cortadas...

    Muchas gracias!

    Saludos

    ResponderEliminar
  29. Hola Administrador de UPF,

    Esa era la idea principal, y la cuestión del color de la letra lo has resuelto perfecto. Además que, funciona y eso es lo importante.

    Saludos!

    ResponderEliminar
  30. una consulta, como puedo hacer para que se vean solo los titulos de las entradas osea ¿porque los canguros de llamasn asi? eso solo y nada mas! espero tu ayuda gracias!

    ResponderEliminar
  31. Hola gambetagol,

    Este mes se publicó ese tutorial, puedes verlo aquí.

    Saludos.

    ResponderEliminar
  32. Potro de nuevo molestando, pero es lo unico que me faltaba en mi plantilla, y si te fijas me queda todo descolocado, es decir pone las imagenes pero pocas letras, y cuando hago click en leer más no funciona, o a veces me muestra esa entrada y la que esta debajo.
    En fin no quiero complicarte, te pido por favor si podes verlo Vos para que entiendas en www.elportaldefunes.com, espero podamos solucionarlo.
    Gracias!

    ResponderEliminar
  33. Hola Fernando,

    Me parece que ya lo has solucionado, entré a tu blog, hice click en el Leer más de tres entradas distintas y todas abrieron sin mostrar alguna otra que no sea esa.

    Saludos.

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

    ResponderEliminar
  35. Hola Potro lo andaba buscando y lo encontre, GRACIAS. una cosa se podria hacer que cuando ves la entrada esta sea del 100% de la pagina es decir si la sidebar.
    Un saludo

    ResponderEliminar
  36. Hola Nolo,

    Lee esta entrada, es sobre los códigos condicionales que pueden hacer eso. Al inicio hay unos enlaces, usarías algo parecido que como se hizo para ocultar la sidebar en las páginas estáticas, sólo que en su lugar usarías la condicional que le corresponde.

    Saludos.

    ResponderEliminar
  37. Hola Potro, por un lado al menos lo que pretendo se puede hacer, bien, pero sigo sin saber como, si seria como lo de ocultar la sidebar en las paginas estaticas.
    Lo unico que consegui es poner la pagina principal sin sidebar pero al entrar en la siguiente pagina ya se ve todo igual.

    Un saludo

    ResponderEliminar
  38. Hola de nuevo Nolo,

    Es el mismo procedimiento que se usó para el de las páginas estáticas, sólo hay que cambiar la primera línea, o sea esta:

    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

    Por esta otra:

    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    De esa forma la sidebar desaparecerá cuando entres en una entrada individual.

    Saludos.

    ResponderEliminar
  39. Mil gracias Potro.

    Hasta hay habia llegado yo, y lo habia intentado pero es que en vista previa no funciona, se me dio por guardar cambios y perfecto va de maravilla y puedes poner el main-wrapper a la medida que quieras, ahora le voy a dar color a la pagina.

    muchas gracias. Da gusto encontrar gente que te ayude de manera desinteresada

    ResponderEliminar
  40. Excelente, ¡sabía que ibas a conseguirlo!

    Un abrazo.

    ResponderEliminar
  41. COMO PUEDO PONER UNAS FLECHAS PARA VER LAS SIGUIENTE ENTRADA O UNA FLECHA INVERSA PARA VER LA ANTERIOR?

    MAS O MENOS PONER ASI:

    << ATRAS [INICIO] SIGUIENTE >>

    ESPERO ME PUEDAS AYUDAR

    UN SALUDO

    ResponderEliminar
  42. Dentro de la entrada no se puede, para están los links de navegación (entradas antiguas, entradas más recientes)

    Saludos.

    ResponderEliminar
  43. Intente, hacer pero me sale esto: y no endiendo ni J.

    Parse Error in Simple Template Design

    There is a bug in the Simple template that is preventing Edit HTML from working correctly.

    To fix this, you will need to change this line in the template:



    Add spaces to the default and value attributes so that it looks like this:




    For more information, please see the discussion in the Blogger Help Group.

    Al notificar este error al servicio de asistencia de Blogger o al grupo de ayuda de Blogger:

    * Describe lo que estabas haciendo cuando recibiste este error.
    * Proporciona el siguiente código de error e información adicional.

    bX-3t7tzx
    Información adicional
    blogID: 3630011126866130921
    host: draft.blogger.com
    uri: /html

    Esta información nos ayudará a detectar tu problema específico y solucionarlo. Disculpa las molestias.
    Buscar ayuda

    Puedes ver si alguien más tiene el mismo problema: Buscar en el Grupo de Ayuda de Blogger bX-3t7tzx
    Si no obtienes resultados para la búsqueda, puedes iniciar un nuevo tema. No te olvides de incluir bX-3t7tzx en el mensaje.

    ResponderEliminar
  44. Hola Julio C. Vega Sanchez ,

    No he podido ver las líneas del código que te aparece, por favor lee esta entrada para saber cómo colocar códigos dentro de los comentarios.
    Luego pega aquí el mensaje de error que te aparece para ver cómo solucionarlo.

    Saludos.

    ResponderEliminar
  45. Hola Potro..
    pues me salió muy bien el "Leer más automático" :)
    ..pero tengo un problemilla, aunque pongo en formato mostrar
    un máximo de 5 entradas solo me muestra 3.
    sabes cual puede ser el problema??

    ResponderEliminar
  46. Hola Dan1,

    Es un problema que tiene Blogger desde hace unas semanas y aún no ha arreglado, sólo hay que esperar a que lo solucionen.

    ResponderEliminar
  47. Muchas gracias Potro me funciono de maravilla, luego vere si cambiar esta imagen de los libros. Una preguntita Potro en mi blog esta dividido por varios temas habra manera de colocar una imagen o icono que identifique a cada categoria o tema.

    ResponderEliminar
  48. Hola claudia,

    La única forma en la que podrías poner un ícono distinto a cada etiqueta es crear una lista de links en un elemento HTML/Javascript.
    Ahí agregas el código de la imagen y seguido de él el enlace a la etiqueta correspondiente; este procedimiento se repite uno por cada etiqueta que tengas.

    Saludos.

    ResponderEliminar
  49. Hola Potro, como ya sabras en la plantilla de mi blog: www.borest.net esta activado el LEER MAS con un script, el problema es que cuando alguien entra a la pestaña de ACERCA, se ve el LEER MAS, y pues eso no es bueno. Me comentaba Rosa que tengo que eliminar los codigos de ese script para añadir los que ella me selecciona para que en las paginas de blogger aparezca completa la pagina. Pero tengo problemas con los codigos, :S unos si los encuentro y otros no :S, habra una forma de encontrarlos facilmente? Saludos.

    ResponderEliminar
  50. No sé qué códigos te habrá dicho ella, lo mejor es que le preguntes a ella quien es la que te ha dado las indicaciones.

    Saludos.

    ResponderEliminar
  51. No me referia a los codigos de mi plantilla, que si habia una forma de encontrarlos mas rapido y facil, pero ya los encontre y elimine, Saludos y gracias por la ayuda :D

    ResponderEliminar
  52. Pues la única forma que yo conozco (supongo que es la misma que conoces) es usar las teclas CTRL + F y en el caso de Internet Explorer las teclas CTRL + B

    ResponderEliminar
  53. Si creo que si, bueno me referia al codigo, como encontre el readmore, bueno de todos modos ya esta solucionado. Saludos.

    ResponderEliminar
  54. Hola. Estoy aquí de nuevo. Hace ya tiempo que uso el leer más con thumbnails. El problema que tengo ahora es que he quitado la fecha de la parte superior de los posts, y cuando los posts tienen poco contenido en letra el sumario sale descolocado.

    http://www.fendetestas.es/search/label/Videos?max-results=10

    ¿Alguna idea?
    ¿Quizás modificando la distancia entre cada post?


    Gracias

    ResponderEliminar
  55. Podrías intentar separar los posts, pero quién sabe si se solucione.
    Para separarlos busca esta parte en tu plantilla y cambia lo que está en negrita por un número más alto:

    .post {
    margin:.5em 0 1.5em;

    Saludos.

    ResponderEliminar
  56. He conseguido separado un poco los post dándole más margen al enlace leer más (margin:0 0 3em;)

    Queda un poco raro, ya que la separación entre los posts no es regular, pero al menos no queda descolocado.

    ResponderEliminar
  57. Creo que ya lo tengo. Expandiendo la plantilla, justo después de la línea de "Leer más", puse un
    div style='clear: both;'/

    Y luego ajustando un poco el tamaño de los sumarios y los márgenes del thumbnail, creo que queda bastante correcto.

    Gracias.

    ResponderEliminar
  58. Excelente, qué bien que ya lograste solucionarlo :D

    ResponderEliminar
  59. Estimado Potro, este es uno de los tantos trucos que me has enseñado y le agregan mucho valor a mi página!!

    Quisiera que el thumbnail automático tuviese un borde.

    Si es que se puede, ¿qué código agregaría para poder definirle el grosor y color de ese borde?

    Probé agregando esto:

    img_thumb_border = 2; o

    img_thumb_frame = 2;

    ....pero no funcionó...

    Muchas gracias!!

    ResponderEliminar
  60. Hola Administrador de UPF,

    Busca en el código que va antes de < /head> esta parte y agrega lo que está en negrita:

    span style="border:2px solid #000; float:left; padding:0px 10px 5px 0px;"

    Te recomiendo que elimines el padding de ahí mismo y en su lugar uses margin de lo contrario verás un espacio entre el borde y la imagen.

    Saludos.

    ResponderEliminar
  61. Hola Potro,

    He agregado "border.." y eso funciona bien.

    Eliminé el padding y agregué esto:

    margin: 0px 20px 0px 0px;

    De esta manera logro alejar el texto resumen de la entrada lo suficiente a la derecha para que no quede pegado al borde que agregué, pero no elimina el espacio que ya sabías que iba a quedar.

    Este espacio es (aprox.) 5px a la izquierda, arriba y a la derecha, y 10px abajo de la imagen...

    Debería agregar algo más que margin para "pegar" el borde a la imagen?

    Gracias nuevamente.

    Saludos

    ResponderEliminar
  62. Eso es porque en tu plantilla tienes predefinido que las imágenes de las entradas tengan un espacio de padding.
    Para modificarlo busca esta parte:

    .post img {
    padding:4px;
    border:0px solid #cccccc;
    }

    Cambia ese 4px a 0px

    Saludos.

    ResponderEliminar
  63. Era exactamente eso!

    Lo probé en un blog de pruebas, pero sólo se resolvió para el borde izquierdo, superior y derecho.

    Al parecer para el borde inferior sigo teniendo algo en el código que genera una separación, de unos 4 o 5 px...

    Donde podría estar eso?

    Saludos!

    ResponderEliminar
  64. Necesitaría ver el blog de pruebas para ver cuál puede ser la causa.

    ResponderEliminar
  65. Ok, pero me sucede lo mismo en el blog principal..

    El de pruebas es http://testdeunpaseo.blogspot.com/ está desastroso, por las dudas.

    Si necesitas la plantilla te la puedo enviar.

    Muchas gracias.

    ResponderEliminar
  66. Podría ser porque también tienes un padding aquí:

    .first-body img { /* Estilo para las imágenes */
    padding:5px;

    Fuera de eso no sé qué más pueda estar afectado esa parte.
    Saludos.

    ResponderEliminar
  67. Probé eso también pero no es...

    Debería ser algo que agregue espacio solo abajo, pero bueno.

    Muchas gracias igual.

    Saludos,

    ResponderEliminar
  68. Debe ser algún otro estilo que anda por ahí que lo causa :s

    ResponderEliminar
  69. No me deja guardar los cambios, le doy a guardar tras modificar el HTML, pero no lo guarda, la vista previa me lo muestra (Y POR CIERTO, LA PRIMERA ENTRADA NO FUNCIONA EL LEER MÁS, Y EN EL RESTO SI).

    Que puedo hacer?, me gustaría mucho tener el leer más, llevaba tiempo buscándolo.

    Muchas gracias de antemano

    ResponderEliminar
  70. Si te marca error entonces no estás poniendo los códigos en el lugar adecuado.
    Revisa si tienes dos veces la primera etiqueta que se debe sustituir, de ser así prueba en la segunda ubicación.

    Saludos.

    ResponderEliminar
  71. hola,y no es posible aplicar esto en las entradas que yo desee? =/
    o...algo parecido a esto que me pueda servir....

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

    ResponderEliminar
  73. Ola potro, quiero implementar este truco en mi blog, pero cuando dices buscar el primer codigo " data post body " en mi plantilla ese codigo lo tengo 2 veces, cual modificare... ? mi plantilla es Silverline, por cierto mi plantilla ya viene incorporado el resumen, solo quiero añadir el boton de "LEER MAS" y tambien quiero justificar el texto para que se ordene.

    ResponderEliminar
  74. Entonces revisa si el código que tienes es parecido al de esta entrada, detectalo y cambialo por el de esta entrada, luego sigue los demás pasos para personalizarlo.

    ResponderEliminar
  75. Hola Potro, yo tengo activado el leer mas con imagen en miniatura pero no me gusta mucho porque la imagen se distorciona la mayoria de veces. Me he fijado que cuando navegas por las etiquetas en tu blog, aparece una barrita solo con el nombre de la entrada y la opcion de expandir y contraer la entrada. Pero habra una forma de hacer que se muestre el titulo de la entrada y algo de contenido de la misma? Saludos.

    ResponderEliminar
  76. No, esa opción sólo muestra el título y nada más.
    De cualquier forma en el Leer más también muestra las entradas resumidas, sólo que con la imagen.

    ResponderEliminar
  77. Si, ese es el problema, que las imagenes se distorcionan mucho, de cualquier manera gracias. Saludos.

    ResponderEliminar
  78. Muchas gracias lo andaba buscando !!!!!

    Una pregunta: ¿Si quisiera dejar el primer post entero podría hacerse?

    Saludos!!

    ResponderEliminar
  79. Qué bueno que diste con la solución, en estos días tenía programado explicar cómo hacerlo ;)

    Saludos.

    ResponderEliminar
  80. Joder!! muchas gracias, me ha quedado divino!
    Justo lo que andaba buscando.

    Gracias por esta ayuda.
    Julio

    ResponderEliminar
  81. hola este truco esta muy bueno gracias

    pero queria saber como hacer para que la imagen

    en miniatura que salga no este en el post.

    como por ejemplo

    que asi salga en la pagina de inicio del blog
    http://i50.tinypic.com/2vdmtlu.jpg


    pero cuando hagan click en leer mas salga

    asi el post
    http://i46.tinypic.com/oh30ap.jpg

    ResponderEliminar
  82. espero que me puedas dar solucion

    ResponderEliminar
  83. Si el post no tiene imagen no habrá miniatura que mostrar en la página de inicio.

    ResponderEliminar
  84. estimado potro, saludos solo tenia la pequeñisima duda de lo siguiente... estoy usando esta herramienta y es justo lo que quiero en uno de mis blogs, pero quiero ponerle tabien lo que propones en "adsense en medio de las entradas" pero evidentemente a la hora de querer poner el adsense en contenido me topo que tengo 3 veces la etiqueta cual de ellas reemplazo para agregar adsense en medio de las entradas a esta herramienta??

    ResponderEliminar
  85. justo lo acabo de solucionar, primero coloque el codigo que diste para poner el adsense en medio de las entradas, como ese codigo solo tiene una etiqueta esa la sustitui por el codigo de "leer mas"... pero se me presento el problema de que el adsense se mostraba en cada uno de los elementos tipo revista, asi que agregue la condicional al codigo de adsense parseado para que solo apareciera en las entradas individuales y ahora el codigo solo se ve en las entradas cuando se mete uno en ellas y no en el resumen con imagen en miniatura, ;)

    ResponderEliminar
  86. Perfecto, sin duda eres muy hábil para resolver problemas ;)

    ResponderEliminar
  87. hola otra pregunta
    no hay algun otro truco como este pero
    que la imagen que salga en la pagina de inicio la
    pueda elegir yo

    ResponderEliminar
  88. Lo ignoro pero sinceramente dudo que exista esa posibilidad.

    ResponderEliminar
  89. Muchísimas gracias!!! Después de mucho buscar en la web lo he conseguido gracias a tu explicación... Gracias gracias!!

    ResponderEliminar
  90. Hola Iris,

    Qué bueno que ya pudiste ponerlo y qué mejor que lo encontraste aquí :)

    ResponderEliminar
  91. Potro habra una forma de mostrar el primer post completo? Sldos.

    ResponderEliminar
  92. Puedes intentar usando el hack del primer post de forma diferente, aunque no te aseguro que te funcione, yo aún no lo he intentado, así que no sé si te pueda servir.

    ResponderEliminar
  93. Gracias, voy a probarlo. Saludos ;)

    ResponderEliminar
  94. Hola muy bueno tu blog, sirve micho a quienes estamos empezano. Te querìa consular si conoces alguna forma de lograr un efecto similar a este que estàs mostrando en este post pero para un blog de videos, es decir un leer mas con una imagen en miniatura pero del video. Si podes escribime a sebasilvestri@hotmail.com Gracias.

    ResponderEliminar
  95. hola potro excelente post todo iva bien hasta que me encontre con lo busque con ctrl+F en mozilla lo busque paso por paso pero no lo encuentro no habra otra forma de hacer esto me es muy necesario.

    ResponderEliminar
  96. Seba, con este no se puede y no creo que se pueda con algún otro al menos nunca lo he visto o.O


    Peins, la primera etiqueta que hay que cambiar es básica y está en todas las plantillas, quizá está medio escondida pero tiene que estar.

    ResponderEliminar
  97. tio muchas gracias,te lo agradezco infinito he colocado con éxito el leer mas, aunque tengo un pequeño problema con las imágnes que se me deforman, pero las cabiare por una proporcionales y ya esta!!!!!

    ResponderEliminar
  98. Puedes cambiar el tamaño de la miniatura para que adopten un tamaño más rectangular si es que la mayoría de tus imágenes son así.
    Para hacerlo busca esta parte:

    img_thumb_height = 125;
    img_thumb_width = 125;

    Ahí cambia el ancho y el alto de la miniatura de modo que pueda parecer más un rectángulo.
    El primero es el alto y el segundo es el ancho de la imagen.

    ResponderEliminar
  99. Muchisimas gracias por la respuesta. Si llego a encontrarlo por ahi te aviso para que lo postees. Saludos.

    ResponderEliminar
  100. Hola Potro bueno como te dije si encontraba algun metodo te lo comentaba.... si bien no es lo que buscaba encotre algo interesante en un sitio y es que youtube guarda las imagenes en miniatura de los videos en: http://img.youtube.com/vi/jEOkxRLzBf0/0.jpg donde jEOkxRLzBf0 es el id del video. Asi usando este truco que comentas aqui y agregando esa imagen al final del post se puede conseguir lo que estaba buscando... Tal vez no es la mejor forma pero por ahora me sirve. Saludos. Seba.

    PD: lo de youtube lo encontre en: vagabundia.blogspot.com/2009/07/las-miniaturas-de-youtube.html

    ResponderEliminar
  101. Hola Potro, ya lo hice con éstos códigos pero me sigue quedando igual,en la página estática aparece el leer más y si se le da click no funciona allí :(
    Gaby

    ResponderEliminar
  102. Una pregunta nuevamente, quiero deshacer todo el leer más para luego volver a hacerlo bien.
    Pero sucede que buscando los códigos que agregue para borrarlos, no me aparecen en mi plantilla. Como puedo volver a tener las entradas normales como antes?
    gracias por tu paciencia
    Gaby

    ResponderEliminar
  103. Seba, excelente, si bien no es del todo automático creo que cumple con la función que buscas ;)

    Gabriela, primero hay que quitar el script que va antes de </head> luego eliminar el segundo código que se menciona y en su lugar poner <data:post.body/>
    Recuerda que hay que expandir los artilugios para encontrar los códigos. ¡Saludos!

    ResponderEliminar
  104. Muchas gracias por tu paciencia, has sido mi salvavidas..
    Gaby

    ResponderEliminar
  105. Muchas gracias amigo, me ha servido muchisimo

    ResponderEliminar
  106. Me alegro que te haya sido útil :)

    ResponderEliminar
  107. Hola. Lo primero, muchas gracias por tus aportaciones. Son muy útiles y están realmente bien explicadas.
    Mi blog (http://recortesdeorientemedio.blogspot.com/) muestra el primer post de manera diferente, tal y como explicaste tú mismo aquí en otra ocasión. ¿Hay algún modo de que esta función de imágenes en miniatura y leer más automático NO afecte al primer post? Muchísimas gracias.

    ResponderEliminar
  108. Debe haber algún modo pero hasta el momento no he podido conseguir que funcione de esa manera :(

    ResponderEliminar
  109. Bueno, muchas gracias de todos modos. Pensaba que podría hacerse usando algún condicional, pero mi escasísimo conocimiento de css o html no da para tanto. En fin, seguiré leyéndote por si das con la clave :)

    ResponderEliminar
  110. Sí se trata de las condicionales y cuando he hecho pruebas he estado muy cerca pero aún me falta un detalle que no logro solucionar, pero seguro que cuando encuentre la forma lo compartiré ;)

    ResponderEliminar
  111. Hola Potro, hace poco entre en el mundo blogger, y voy siguiendo tus trucos y me resultan excelentes!! Te cuento que aplique el "leer mas automático" pero cuando pretendo entrar a la entrada me envía a otra pagina. Como lo puedo solucionar?? desde ya mil gracias por tus aportes la verada son muy buenos. Te dejo mi blog para que veas el efecto www.aselco.blogspot.com. Saludos

    ResponderEliminar
  112. El script lo has colocado bien pero al parecer tienes un problema con un redireccionamiento, no sé si hayas añadido algún gadget últimamente o hiciste un cambio en la configuración del blog o algún otro cambio que afectó tu dominio.

    ResponderEliminar
  113. Es justo lo que necesito...pero he intentado colocarlo y no encuentro la forma de darle formato. Me quedan los párrafos sin justificar. ¿Ideas?

    http://adolfoalfonzo.blogspot.com

    ResponderEliminar
  114. En el código que va antes de /head busca esta parte y agrega lo que está en negrita:

    span style="float:left; padding:0px 10px 5px 0px; text-align:justify;"

    Saludos.

    ResponderEliminar
  115. No amigo Potro. No funciona. Hace todo el trabajo, pero no lo justifica.

    Por otra parte, ahora hay un conflicto con .rmlink { y el que tenia antes .jump-link {

    En el segundo el leer más personalizado lo hace bien. En el primero no.

    Deje la pagina como estaba. Le envio el codigo por correo.

    Realmente necesito ayuda.

    Gracias

    ResponderEliminar
  116. Bien, entonces intentemos con esto otro, en el primer código que hay que sustituir busca esta parte y agrega lo que está en negrita:

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <div style='text-align:justify;' expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

    Lo del link del leer más no te he entendido, el .rmlink es para en enlace del leer más automático de esta entrada, el .jump-link es el que usa Blogger para su leer más, así que si usas el leer más automático ya no hay necesidad de usar el de Blogger.

    Saludos.

    ResponderEliminar
  117. Voy a probar luego amigo Potro. Luego le comento.

    Gracias.

    ResponderEliminar
  118. Gracias hermano. Efectivamente ya funciona. Lo justifica muy bien, Ahora solo queda ajustar las imágenes para que al reducir no se deformen.

    Lo del "leer mas" creo que es un problema de la plantilla. Lo tuve que dejar "por defecto" (creo que es algo de la variables iniciales de color) Es extraño...porque me funcionaba bien como lo tenia antes (leer mas de Blogger).

    Nuevamente gracias.

    ResponderEliminar
  119. Chispas esto es casi lo que andaba buscando, pero sera que me puedas ayudar Potro, yo solo quiero ponerle una imagen al read more y que este alineado a la derecha, no quiero que mis entradas se corten automaticamente. He buscado en el codigo y he encontrado esto:

    b:if cond='data:post.hasJumpLink'
    div class='jump-link'

    /b:if

    Siento que aqui le puedo agregar una imagen pero he hecho vambio pero no logro obtener el resultado. Espero que me puedas ayudar, de antemano gracias.

    ResponderEliminar
  120. Muchisimas gracias, me ha funcionado.

    ResponderEliminar
  121. Amigo Potro.

    Me funciona muy bien con el último método. Lo justifica correctamente. Aunque hace una seguidilla de palabras con subtítulos, etc., etc. y todo aquello que se encuentra entre las primeras 400 palabras.

    Lo de “leer más” personalizado ya lo arregle poniendo un poco de atención (leer y re leer los códigos).

    Efectivamente al copiar los atributos de .jump-link (los que tenia modificados) y llevarlos al .rmlink solo cambie el primero. Por supuesto generaba tremendo conflicto y tomaba el “por defecto” de los atributos que le continuaban.

    .rmlink {
    float:right;
    background: #04B4AE; /* Color de fondo */
    border: 1px solid #000;
    font-weight: bold;
    padding: 1px 2px;
    margin-left:20px;
    }
    .rmlink a { *****EL ERROR CORREGIDO antes decía .jump-link
    color: #FFF; /* Color del texto */
    text-decoration: none;
    font-weight: bold;
    }
    rmlink:hover { *****EL ERROR CORREGIDO antes decía .jump-link
    background: #045FB4; /* Color de fondo al pasar el cursor */
    border: 1px solid #000;
    text-decoration:none;
    }

    Muchas gracias y date una vuelta.

    http://adolfoalfonzo.blogspot .com

    Saludos cordiales,

    ResponderEliminar
  122. Exacto, a eso me refería, los .jump-link sólo sirven cuando se usa el Leer más de Blogger pero no para este, para este se usa .rmlink, tal como lo has cambiado :)

    ResponderEliminar
  123. Gracias una vez más por tu ayuda, esto en concreto me v iene muy bien ya que mi blog esta lleno de videos e imagenes. Solo una cuestión, ¿podemos utilizar el script tal cual, quiero decir sin necesidad de alojarlo nosotros o puede afectar en algo?
    Un saludo

    ResponderEliminar
  124. De hecho el script está tal cual, del modo que lo explico aquí mismo estaría directo en tu plantilla sin necesidad de tener que hospedarlo en algún lado con lo que no dependerás de otro sitio ni se alentará tanto la carga de la página.

    Saludos.

    ResponderEliminar
  125. ¡Hola! Me gustaría saber si con esto, antes de abrir la entrada, se pueden ocultar las etiquetas que tiene, los comentarios y todo lo demás. ¿Me explico?

    Gracias de antemano.

    ResponderEliminar
  126. Sino me equivoco en tu plantilla de por sí se ven esos datos en la portada, tendrías que buscar el inicio de donde empiezan esos datos (puedes basarte en esta entrada) y poner al inicio de ellos esto:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    Y al final de esos código esto:
    </b:if>

    ResponderEliminar
  127. ¡Pues sí! Muchas gracias: solucionado. Por centésima vez me has salvado la vida jeje
    ¡Hasta luego!

    ResponderEliminar
  128. hola postro!!!RDJOBERO aqui nuevamente truquiando cada dia mas el blog para mejorar siempres,como veras este tema es de mucha importancia para mi pero al colocarlo en mi blog de pruevas eh notado que las fechas que tendo en todas las entradas no me aperecen con o sin la imagen k le tendo y en verdad no me gustaria perder el look k tienes la fecha en todas las entradas,te agradezco como siempres cada una de la ayudas k me as brindado hermano y mucho saludo lerfy...www.rdjobero.com

    ResponderEliminar
  129. El problema es que la fecha la tienes dentro del área de las entradas por lo tanto el script la mete dentro del resumen, si estuviera junto al título no habría problema.

    ResponderEliminar
  130. que devo de hacer para corregir esto de tal manera que no me elimine la fecha del blog potro y gracias de ante manos por tu pronta contestacion como siempres amigo saludo nuevamente

    ResponderEliminar
  131. Podrías probar poniendo el código de la fecha arriba de:
    <div class='post-header'>

    Con eso debería funcionar aunque no todas las plantillas se comportan igual.

    ResponderEliminar
  132. lo intentare potro y luego te dire haber como se ve.......saludos

    ResponderEliminar
  133. acabo de revisar mi plantilla potro y efectivamente el codigo de la fecha estas ahi mismo encima depero ya veres haber k hares mas adelante ya que me encantaria que la fecha como estas quedaras justa mente al lado del titulo de la entrada pero eso es un rollo de madre hacerlo,cuidate y un millon de saludo desde carolina del norte para ti y todos tus seguidores...www.rdjobero.com

    ResponderEliminar
  134. buenas! me sirvio muy bn el tutorial :) pero tengo un problema, en el resumen de la entrada no se me ven los espacios, los renglones q estan separados. tampoco se ven las palabras q habia puesto en negrita o con un color especifico, pero al presionar el "Leer Mas" si se ve perfecto.
    hay alguna manera de q tmb se vean estos detalles en el resumen? xq me qeda feo y no me sirve sino...

    ResponderEliminar
  135. Hola Annie, el script no reconoce los estilos tales como alineación, negrita, colores, etc. ya que sólo es un pequeño resumen de lo que el lector encontrará.

    ResponderEliminar
  136. tengo una pregunta: Se podri poner auto el tamaño de las imagenes ??
    Gracias

    ResponderEliminar
  137. como hago para poner a la derecha y abajo como en tu blog rspondones

    ResponderEliminar
  138. Con lo que se explica en la entrada queda debajo y a la derecha, en el caso de tu blog queda arriba porque tus entradas no tienen contenido, su tuvieran texto quedaría abajo como el de todos.

    ResponderEliminar
  139. Hola, mi proble es que en mi blog yo no muestro el leer mas... sino la primera imagen del post, pero el problema es que al hacer click en la imagen no entra al post si no que envia a otra pagina que simepre es la misma: http://multiweblibre.blogspot.com/undefined

    como podri a corregir esto para que en cada post entrase mediante la imagen, ya que la unica manra es haciendo click en el titulo????

    Este es mi blog http://multiweblibre.blogspot.com/

    y de antemano muchas gracias =)

    ResponderEliminar
  140. Que entre haciendo click en la imagen no se puede. El otro problema supongo que es por alguna configuración de la plantilla, quizá el autor de la plantilla pueda darte más información al respecto.

    Saludos.

    ResponderEliminar
  141. El probelma es que no me acuerdo de donde descarge esta platilla, como podria buscar al autor?????

    ResponderEliminar
  142. En la plantilla están los datos, se llama: Gallery, fue diseñada por AskerAkbar y su sitio es www.bloggerthemes.net

    ResponderEliminar
  143. Hola Potro, mi duda es que solo quiero que al colocar el leer mas(de forma manual) poder cambiar el enlaze con una imagen, asi como lo tienes en este tutorial pero sin todo lo demas, se puede?
    saludos

    ResponderEliminar
  144. Con este no se puede y desconozco si con algún otro sistema se pueda.

    ResponderEliminar
  145. Gracias por contestarme. esta padre esta forma de poner las entradas pero no queda a como las pongo yo xD y que mal que no se pueda lo que yo quiero :/ pero como buen mexicano medio hize que jalara, solo que se pone en todas las entradas xD pero por mientras me agrada.
    saludos y gracias de nuevo

    ResponderEliminar
  146. Hola a todos, necesitaría que me ayuden. Opté por modificar la plantilla para que las entradas tengan el "leer más", pero después de esa modificación no puedo poner "negrita o bold" en el texto. Alguien podría ayudarme? GRACIAS!

    ResponderEliminar
  147. En los resúmenes de la portada no se ve ningún estilo, ya sea negrita, tamaño de fuente, color, etc. Eso sólo se visualiza estando en la página individual.

    ResponderEliminar
  148. Hola Potro! Soy otra vez Iris; verás, he cambiado la plantilla de mi blog, he personalizado yo una pero a partir de los códigos html de otra plantilla (porque de programación no entiendo nada). El caso es que quiero volver a poner lo de leer más, que me parece muy elegante... ¡¡Pero el código que has puesto no le encuentro por ningún lado!! Digo el código a sustituir

    ¿Hay alguna otra forma de nombrarlo? He buscado y no encuentro nada ni parecido... ¿Por qué parte de la plantilla suele aparecer? Estoy perdida... Si necesitas algún código o algo, dímelo.

    Muchísimas gracias, de verdad!! Ojalá me puedas salvar por segunda vez!!

    ResponderEliminar
  149. Hola María,

    Busca bien, todas las las plantillas tienen esa etiqueta que hay que sustituir, esa es básica pues es la que hace que se muestren las entradas así que debe estar quizá un poco escondida pero seguro estará.

    Saludos.

    ResponderEliminar
  150. Ya lo conseguí! Tenías razón, estaba un poco escondida... Muchas gracias :)

    ResponderEliminar
  151. no me resulto me sale lo que tenia ante y luego la modificación que le hice me salen las dos mezcla en la pagina puedo hacer para que me salga solo la modificación que le hice

    ResponderEliminar
  152. Revisa que pongas los códigos en el lugar correcto.

    ResponderEliminar
  153. exelente potro gracias lo andaba buskando desde hace tiempo tienes un cuidadado mas

    ResponderEliminar
  154. las verdad muy bueno gracias pero el unico inconveniente (siempre tiene que haber uno?) es que los hace automatico con entradas tan cortas que no es necesario... saludos!

    ResponderEliminar
  155. Potro, muy bueno este truco, pero veo que no es para utilizar con entradas expandibles. Es decir, el leer más lleva a otra página (la de la entrada completa), pero no la expande sin necesidad de abrir una nueva página.
    Es así, no? O hay alguna manera de utilizarlo con entradas expandibles?
    Gracias.

    ResponderEliminar
  156. Ummm no, hay uno que expande las entradas pero no es automático, tienes que hacerlo manualmente en cada una de tus entradas.

    ResponderEliminar
  157. Sin embargo observo que en el blog de Gem@ está implementado algo así, al menos es lo que se deduce cuando uno ve las entradas de su blog.
    Puede que yo esté equivocado, obvio.
    Gracias Potro.

    ResponderEliminar
  158. No enrique, ahora que veo tienes toda la razón. Podrías preguntarle a ella y seguro te dirá cómo hacerlo, la verdad es que nunca lo he intentado y erraría en darte un dato que posiblemente esté mal.

    Saludos.

    ResponderEliminar
  159. oye Potro, buenísimo el post, pero sabes tuve un problema. el color de texto, de fondo y efecto de cursor por encima de leer mas, no queda con los colores que quiero. quedo con colores que yo no elegí ....

    ¿a que se deberá?

    ResponderEliminar
  160. Necesitaría ver en cuál blog lo has puesto así como los colores que querías que aparecieran.

    ResponderEliminar
  161. gracias, tu post fue muy iluminador, y salvador jejeje, gracias

    ResponderEliminar
  162. Gracias, lo puse y no me funciono pero despues no se que le movu y funciono xD muchas gracias :D

    ResponderEliminar
  163. Habrás presionado el botón correcto al final ;)

    ResponderEliminar
  164. Gracias potro nuevamente, he configurado leer más y funciona perfectamente

    ResponderEliminar
  165. Potro tengo un problema a ver si ayudas, mira cuando instalé el leer mas como lo explicas aca arriba me surgió un problema con las imágenes, el tema es que cuando termino el post, la imágen se ve espectacular, pero cuando lo guardo y visualizo la pagina entera con los post cortados por el leer mas se me DEFORMAN las imágenes y no se como arreglarlo a eso, quiero que las imágenes salgan bien, tenés idea de como puedo arreglarlo¿??.

    Espero tus comentarios.

    ResponderEliminar
  166. Recuerda que el procedimiento es automático y las imágenes miniatura también adquieren el tamaño que estableces en el script, todas quedan con las mismas dimensiones. Lo único que puede hacerse es que si la mayoría de tus imágenes son rectangulares entonces edites los valores de las miniaturas donde se indica para que estas queden en forma rectangular y no se vean tan distorcionadas.

    ResponderEliminar
  167. Hola. He instalado perfectamente el "leer más", pero me pasa como a Gabriela (comentario 107), no se me abren las páginas.
    Como a continuación te hace otra pregunta, estoy un poco liado.
    ¿Cómo hago para visualizar las páginas estáticas completas?

    Gracias, un saludo.

    ResponderEliminar
  168. Hola JRio,

    Si has seguido los pasos de esta entrada no tendrás problemas con las páginas estáticas pues el script tiene una condición que hace que las páginas se muestren completas.

    Si no has seguido los pasos de esta entrada y en su lugar tienes otro método deberás deshacerlo y hacer el que se explica aquí.

    Saludos.

    ResponderEliminar
  169. El Potro, tenías toda la razón.
    He deshecho todo, y lo he vuelto hacer con tus indicaciones... me ha quedado ¡perfecto!.

    Hacía tiempo que había quitado las páginas, menos mal que no llegué a eliminarlas.

    Muchas gracias por tu rápida respuesta.
    Saludos.

    ResponderEliminar
  170. Pues ya podrás mostrarlas sin ningún problema ;)
    ¡Saludos!

    ResponderEliminar
  171. Hola Potro, quisiera saber como puedo hacer para que el "Leer más" oculte los comentarios, etiquetas y esas cosas...
    Mira, en Respondones (http://respondones.com/) sólo sé el resumen, osea con la imagen pequeñita y la cantidad de palabras establecidas y nada más.
    En cambio en el mio
    (http://unpocomasdemiseryalma.blogspot.com/)
    se ve todo lo que en Respondones no.
    Donde debería poner el código para ocultar esas partes. Es que quiero que quede así bien prolijo.
    Ojalá puedas responderme. Besitos ♥

    ResponderEliminar
  172. Hola Miss Darcy,

    Expande los artilugios y busca esta etiqueta:
    <div class='post-footer'>

    Arriba de ella pon esto:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    Luego busca más abajo hasta encontrar con el cierre de esa primera etiqueta, es decir esta </div>
    Hay varias de esas pero es una que está más abajo de 'post-footer-line post-footer-line-3'

    Bueno, ya que la encuentres pones abajo de ella esto:
    </b:if>

    Si te marca error es porque no lo has puesto en el </div> indicado, así que tendrás que probar con otro que esté cerca.

    Saludos.

    ResponderEliminar
  173. Hola Potro,

    Buenas noches hermano ¿Como esta todo?, tanto tiempo sin saber nada de ti, bueno entre hoy y mañana te escribo para ponernos al día.

    En esta oportunidad te escribo, por que tengo un problema con un blog en el cual estoy trabajando y es el siguiente: cuando descargue la plantilla del blog, sale que tiene esta funsión de leer más habilitada, pero si entras al blog te daras cuenta de que nos es asi, sale la palabra MORE, pero no esta reducida la entrada se ve completa.

    Intente cambiarlo y hacer las modificaciones en el html, pero al buscar la etiqueta que indicas al principio, me salen varias con ese nombre y no se cual cambiar o que hacer... Si me puedes ayudar con esto hermanito, te lo sabria agredecer como siempre!!!

    Un fuerte abrazo, espero tu respuesta y estamos en contacto!!!

    El blog es: http://etiquetacaribemargarita.blogspot.com/

    ResponderEliminar
  174. Hola Giancarlo,

    Qué gusto leerte de nuevo por aquí. Desconozco qué método haya usado el autor de esa plantilla, pero probemos con lo siguiente:
    Pega el código que se indica que va antes de </head>
    Luego busca este código:
    <style>#fullpost{display:none;}</style>
    <p><data:post.body/></p>

    Y remplazalo por este:
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
    <span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leer más...</a></span>
    </b:if></b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

    Espero que con eso baste. Saludos.

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

    ResponderEliminar
  176. Hola Potro.
    Simplemente NO Quiero aceptar el código, pongo el y no hay caso...

    Luego de la linea que me marcaste donde debia ir el 'b:if', yo lo coloco justo antes del 'b:includable' donde acaban todos los 'div' pero no quiere guardar la plantilla ¬¬

    Ojalá puedas darme una pronta respuesta con algo de ayuda talvez.

    Besitos ♥

    ResponderEliminar
  177. Prueba ponerlo antes de:

    </div>
    </b:includable>

    ResponderEliminar
  178. Hola Potro Buenas noches,

    Hermano muchas gracias, solucionado ese tema y que raro yo siempre dandote lucha con las plantillas que elijo... Bueno ahora se me presentaron varios cangresos y son los siguientes a ver si me ayudas con esto:

    Todo en el mismo blog anterior.

    1- Quisiera quitarle ese titulo que tiene el blog que dice: bloggertricks, que ahora sale de los dos lados de la cabecera y se monta encima del titulo del blog...¿Me ayudas?

    2- Quiero que salgan 10 entradas en la pagina principal y ya cambie la funsión en donde dice formato... y fijate que no me hizo el cambio y siguen saliendo ese numero de entradas. ¿Me ayudas con esto tambien?

    3- Por otro lado cada vez que hago una modificación en el blog y le doy a guardar, me sale la pagina de error :(, no se que pasa y luego cuando le doy actualizar resulta ser que si hiso el cambio... ¿Sabes algo de esto?

    4- Este blog anteriormente estaba hecho en una plantilla que tenia el fondo negro, por lo cual las entradas debian ser escritas en colo blanco para que se vieran. Ahora con esta nueva plantilla, pues no se ve el texto que esta escrito, ahora bien, existe alguna forma de que yo pueda cambiar el color de todos los textos de las entradas de forma global, es decir, que no sea entrada por entrada???

    5- Y por ultimo, cuando estoy en Diseño de plantilla y trato de mover los elementos de la sidebar, por ejemplo que quiera pasar algun elemento que tengo del lado derecho al izquierdo, pues no me deja hacerlo, lo hace pero cuando le doy a guarda, me sale la bendita pagina de erro y ese cambio si no me lo guarda...

    DISCULPAME POR TANTAS PREGUNTAS hermano, y nuevamente gracias por tu ayuda y apoyo...

    ResponderEliminar
  179. hola potro. pues aquí voy con mi consulta. quiero añadir para que sirvan de "dividers" entre las entradas resumidas de mi blog, unas imágenes pequeñas que sean al azar.
    el problema es que no tengo el campo de gadgets bajo las entradas en la página de diseño y no lo he conseguido añadir (en el resto de la plantilla puedo poner gadget en cualquier sitio ya)
    si me puedes dar alguna pista sobre si es mejor crear un gadget y añadir el de este artículo tuyo, o hacerlo de otra forma, te lo agradezco.
    si pasas por mi blog imagino que entenderás más o menos lo que quiero.

    ResponderEliminar
  180. a ver, he intentado varias cosas, pero sé por qué no me funciona.
    antes tenía el linkwithin y cuando hice las "entradas resumidas con imágenes" aparecía este widgets al final de cada resumen, a modo de separador. o sea que se puede poner un widget al final en el footer y que aparezca en las entradas resumidas.
    pues ahora me creo un widget, lo pongo en la ventana de diseño justo al final del post, pero resulta que ahora aparece sólo al final de todos los resúmenes.

    he tratado de incluír el widget en el post-footer pero no sé como hacerlo bien.

    por cierto, el linkgwithin lo quité de la plantilla en "diseño" no en la plantilla en código HTML.

    de verdad estoy liada con esto. imagino que sólo hay que hacer una llamada, pero no me sale. ¡socorro¡
    el rotador de banner que estoy tratando d eincluir en el footer es este http://ciudadblogger.com/2009/06/crear-un-rotador-de-banners-al-azar.html

    ResponderEliminar
  181. Hola Giancarlo,

    Para quitar ese texto prueba eliminando desde:
    <!-- begin logo -->
    hasta
    <!-- end logo -->

    Respecto al número de entradas, desde hace unos meses Blogger implementó la auto paginación, esto es que es él quien determina cuántas entradas se muestran sin importar si lo has configurado, esto es para evitar que los blogs tarden mucho en cargar.

    No tengo información sobre ese error, pero sí había leído hace un par de semanas que había un error que estaba dando latas a algunos, pero al parecer es de esos errores de Blogger con los que están trabajando para solucionarlo.

    En esa plantilla que usas no sé con exactitud cuál es el área de las entradas para saber dónde está el color, pero una manera que aplicará el cambio para todos los textos del blog es modificando debajo de body {
    donde dice 'color' ahí puedes cambiar el color del texto que deseas, eso sí, no cambiará los colores de los textos a los que ya le hayas hecho un cambio manualmente.

    Y pues por el último problema no sé qué pueda ser, podría tratarse de la plantilla o de algún otro problema. Prueba hacerlo desde otro navegador para ver si tienes el mismo conflicto.

    Saludos.

    ResponderEliminar
  182. Hola leda,

    En esta entrada se explica cómo poner separadores (dividers) en la plantilla.
    En tu caso, en lugar de poner el código de la imagen que se menciona ahí deberás poner el código de la entrada que has dejado como referencia y con eso tendrás un separador "al azar".

    Saludos y no te desesperes ;)

    ResponderEliminar
  183. hola,potro,muchas gracias por todo, mi blog cada vez queda mejor,muchas gracias,una pregunta, como ago para sacarle el leer mas,a las entradas que son muy chicas, ose no es nesesario ponerles ese link.

    ResponderEliminar
  184. hola potro
    me re anduvo, re bien explicado, lo hice con una imagen y todo, jajaj
    pero se me achican las imagenes que publico en los post del mismo tamaño del boton, cuando apreto leer mas recian se agrandan, ¿como hago para que aparezcan del tamaño que quiero en el resumen?
    handa a mi blog y fijate, bueno, en realidad no es el mio, ayudo con el diseño, jaja
    http://casiangeles-top.blogspot.com

    ResponderEliminar
  185. planetaglee, con este método no es posible, pero quizá quieras echarle un vistazo a esta entrada de Oloblogger:
    http://oloblogger.blogspot.com/2010/10/sumarios-automaticos-casi-definitivo.html

    Mariano..., es porque en el resumen las imágenes se convierten en miniaturas y en las entradas individuales recobran su tamaño normal. Puedes cambiar el tamaño de las miniaturas como se explica en la entrada, pero afectará el mismo tamaño a todas las miniaturas.

    ResponderEliminar
  186. hola, muchas gracias,me sirvio mucho, segui haci, tu pagina me gusta mucho. gracias por todo.

    ResponderEliminar
  187. Holis!! En los Comentarios 183-184 y 188-189 me ayudaste para que pudiera poner el "Leer más" como en "Respondones"....
    Bueno...
    YA FUNCIONAAAAAA!!
    No es en mismo Blog que antes, pero en este nuevo que estoy haciendo VA DE MARAVILLA! 1° me dijo que no, pero luego en vez de debajo del div, lo puse al lado y QUEDOOOOOOOO!!!
    Soy Tan feliz que quería Compartirlo, Gracias por las explicaciones extras en los Comentarios.
    Ahora y abusando de esa amabilidad.... Me dirías como puedo hacer para cambiar el Icono de Blogger en la pestaña del Blog, es decir, a ver si se entiende mejor....
    Cuando abro tu Blog, arriba en las pestañas donde están los nombres de las páginas que tengo abiertas en mi Google Chrome, al lado de la que corresponde a tu blog, figura como un icono de la mitad de tu banner, es decir ese que tiene los edificios y uno es Naranja.
    Bueno yo quiero eso mismo, pero con mi propio icono en mis Blogs....
    Me dirías si ya publicaste algo así de como se hace o me dirías porfis?? ^^

    Besitos ♥

    ResponderEliminar

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

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

 
Ir Arriba Ir Abajo
I Ciudad Blogger