Leer más automático menos en el primer post

22 de junio de 2010 329 comentarios ,
Después de haber visto cómo poner el leer más automático con imágenes en miniatura en el blog muchos son los que me han pedido que el resumen no afecte al primer post de modo que la primera entrada se muestre completa y el resto de ellas se muestren resumidas tal como está en este blog de pruebas.

Lo primero que haremos será aplicar el leer más automático en todas las entradas, así que primero vamos a Plantilla | Edición de HTML, buscamos esta etiqueta:
<data:post.body/>

Y la sustituimos por esto:
<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>
<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 antes de </head> pegamos este script:
<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>

Con esto ya tenemos el leer más en todas las entradas, ahora haremos que no aplique en la primera entrada, para lograrlo buscamos esta línea:
<b:include data='post' name='post'/>

Y la cambiamos por esto:
<b:if cond='data:post.isFirstPost'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<div class='post hentry'>

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<div class='post-body entry-content'>
<p><data:post.body/></p>
</div>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span>&#160;</td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
</span>
</div>

<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span>
</div>

</div>
</div>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Y listo, con eso ya tenemos el leer automático con miniaturas menos en la primera entrada de la página principal.

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.

Para ver más detalles sobre cómo adornar el enlace de Leer más así como cambiar el tamaño de la imagen miniatura visita esta entrada.


329 comentarios en:

" Leer más automático menos en el primer post "

  1. Interesante :o
    Potro amigo colega
    me llego esta Notificacion de Google o Blogger
    http://img404.imageshack.us/img404/7691/archivec.png
    Pero el problema es que no hay nunguna entrada en Borrador
    o en mi correo, No hay nada como señala la imagen
    Ami nadamas me paso o que?
    Ojala me respondas :D
    Alomejor fue un error :s

    ResponderEliminar
  2. Revisa en tu bandeja de correo no deseado quizá en el correo hay más información.
    En ese mensaje no especifica en cuál blog tienes infracciones así que tienes que revisar todos los que tengas.

    ResponderEliminar
  3. Hola, tengo un problemilla con uno de mis post si te fijas,en el último post el que dice "decoración en rosa" en vez de que venga la descripción del post viene código html, pero creo que es problema con el código html directo de ése post

    Bueno no sé que hacer, vuelvo a hacer el post? mejor lo dejo así y ya? o en que me afectará además de que se ve bastante mal?

    http://micasamiestilo.blogspot.com/

    Muchas gracias!! y saludos!

    ResponderEliminar
  4. Porto y los comentarios?
    No los veo en nunguna entrada :s

    ResponderEliminar
  5. Potro..¡Otra vez tu Control Mental :D!

    ResponderEliminar
  6. Muy bien Potro
    me fascino
    que problemas con blogger
    aun que no lo creas ha tenido graves problemas blogger con los comentarios, usa Disqus, pesa un poco más pero carga rapido.
    Aunque me fascino este post
    oye por cierto lo del Titulo en Blogger, la solución que diste crea un espacio y se ve mal, es mejor usar la que dice Aqui dice algo de un codigo de h2 que se pone

    ResponderEliminar
  7. Hola LISA,

    Podría ser que copiaste y pegaste texto desde Word, si fue así entonces ve a la edición de la entrada y en la pestaña Edición de HTML (junto a la pestaña Redactar) verás un mundo de códigos raros, hay que eliminarlos para que quede "limpio" el post, o bien, si te da mucho trabajo eso podrías hacer de nuevo el post sin pegar el contenido desde Word.

    Saludos.

    ResponderEliminar
  8. ıllıllı★Criss Mitchell★ıllıllı, era un problema temporal con Blogger.

    Alejo, empezaré a creer que sí :P

    AlexG, también es buena opción pero es más completo de este modo.

    ResponderEliminar
  9. Excelente bro, muchas gracias, lo aplique a mi blog ;)

    ResponderEliminar
  10. Che potro, se está viendo mal el blog... Osea, los primeros posts se ven mal y los más recientes se ven bien... me aparece un 404 al entrar por ejemplo a la categoría SEO ;) Un slaudo y espero que se solucione pronto, pues sino te pediré que me envíes por mail un duplicado de esos posts... los quiero ver!!!

    ResponderEliminar
  11. MCarlitooH2, ya lo he visto funcionando :)


    Joaco, se hicieron cambios en los DNS del dominio, es por eso que mientras se propagan bien los datos algunas entradas no se muestran, hay que esperar a que los cambios surjan efecto y todo el contenido estará de vuelta otra vez ;)

    ResponderEliminar
  12. Potro, hola, ya lo aplique a mi blog de pruebas para despues ponerlo en mi blog principal. Pero surgio un problemita en el primer post.

    En la pagina principal no aparece el enlace para comentar y el publicado por: aparece hasta abajo.

    En la pagina individual esta como deberia ser, como soluciono esto?

    ResponderEliminar
  13. Creo q hay partes del codigo q arriba q estan duplicados, podrias dar solo el q se necesita para q no se muestre el de la primera entrada? veo q dice author y cosas asi, son necesarios inculierlos? estuve probando kitando partes del codigo pero no tuve exito, espero puedas, tu eres el genio!

    Salu2 amigo!

    ResponderEliminar
  14. No hay nada duplicado, todo lo que está dentro de ese código es para que en el primer post aparezca el autor, las etiquetas, etc. incluyendo el link para los comentarios, obviamente si los eliminas el link de los comentarios no aparecerá en el primer post.

    ResponderEliminar
  15. Muy útil este post ya lo ejecute en mi blog, gracias por la ayuda que nos brindas con este blog.
    saludos.

    ResponderEliminar
  16. hola potro me gustaria saber si existe algun tutorial para comentarios de facebook en cada entrada... si no me entendiste es como el de estrenosonline.org

    ResponderEliminar
  17. Vaya que tú nunca descansas!
    Muchas gracias por otro genial aporte =)

    ResponderEliminar
  18. guillemaro, qué bueno que te ha gustado ;)


    Chilaverde, no vi ningún comentario de Facebook en ese sitio, pero igual lo único que supongo sería parecido a lo que buscas es esto.


    Olaf, gracias a ti por tu visita :)

    ResponderEliminar
  19. Potro en la entrada
    http://www.ciudadblogger.com/2010/02/yahoo-media-player-reproductor-de-mp3.html
    Una ves me distes un code para ocultar las canciones

    #HTML10 {
    visibility: hidden;
    display: none;
    }

    pero el problema es que no me Funciona
    que ago wee?

    ResponderEliminar
  20. No porto olvidalo xD
    ya lo pude resolver, eso porque me di cuanta que el HTML10 era otra y esa si desaparecio jaj Gracias de todas fotrmas :)

    ResponderEliminar
  21. Claro, si otro gadget ocupa ese ID entonces sólo es buscar la ID del gadget al que quieres ocultar.

    ResponderEliminar
  22. Excelente, en mi blog funciono a la perfección...muchas gracias ..antes usaba el leer mas en todas las entradas, pero con esto esta mucho mejor.... un saludo .. espero visites el blog www.selvanet20blogspot.com

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

    ResponderEliminar
  24. Potro :D Muchisimas gracias eso era lo que queria, tu pagina se me ha hecho indispensable eres lo maximo

    ResponderEliminar
  25. Funcionó a la primera. Es un placer pasar por aquí y ratifico la palabras de Chilaverde y agrego que mas que indispensable es ya una obligación.
    Enorme trabajo el que haces amigo mio.
    Un fuerte abrazo

    ResponderEliminar
  26. Hola Potro lo probe en mis dos Blogs y no me funciono en ninguno de los 2 alguna idea de porque??

    Mis Blogs
    http://brujo5-iphone.blogspot.com/
    http://brujo5ipad.blogspot.com/

    ResponderEliminar
  27. tinoal, muchas gracias por tus comentarios :)

    Brujo5, si lo pusiste bien debe funcionar, verifica que hayas puesto los códigos donde se indica.

    ResponderEliminar
  28. Hola Potro,me alegro que todo se haya solucionado. Mis blogs econenos, wwwecologico no cargan ( en wwwecologico eliminé la publicidad y algún directorio, enlace a las tic para probar, pero todo sigue igual ¿Estará sobrecargado?¿Tendré que eliminar más cosas. Un saludo, gracias por tu tiempo. macape

    ResponderEliminar
  29. Hola, El Potro una consulta: como puedo hacer para que la opción leer mas no me lleve a otra pagina sino que se expanda hacia abajo, no se si me dejo entender.

    Muchas Gracias y te felicito por tu pagina!

    ResponderEliminar
  30. Ajammmm que interesante!! vi que preguntaban eso en varios foros, pero nadie sabía como hacerlo... Se ve que todavía hay algunos que no conocen al Dios de Blogger XD ... eres un genio Bro! un geniooo!!!

    Un abrazo!!!

    ResponderEliminar
  31. Hola , parece que que el problema está resuelto. Tu blog está en la lista de mis blogs favoritos, siempre estoy pendiente de tus publicaciones, pero ahora no se actualiza, ayer lo hizo, pero después volvió a la entrada del día anterior. ¡Debe ser cousa de meigas, non lavei a cara coas herbas do San Xuan!Un saludo.

    ResponderEliminar
  32. ya veo que siguen lo problemas, busque ciudad blogger y ¡vaya parece que Internet Explorer no ha podido encontrar ciudad blogger! Intenta mantener la calma, puede que el problema sea el dominio, yo no entiendo nada,( pero esa dirección o blog en la que he visto tus entradas), ya tenía promemas para acceder. Estaría bien la colaboración de todos, para que pudieses adquirir otro dominio(La publicidad puede ayudar). Eres fantástico, una gran ayuda y mejor persona. Saludos

    ResponderEliminar
  33. Hola MaCaPe,

    Estos días he tenido problemas con la configuración el dominio, es por eso que muchas entradas no se abren y el feed no está actualizando. Ya para el lunes estará todo funcionando normalmente.
    Te pido mil disculpas por todas las molestias que esto pueda ocasionarte pero sobre todo te agradezco tu preocupación y tu comprensión por lo sucedido. Y por cierto, gracias por la entrada que publicaste :)

    ¡Saludos!

    ResponderEliminar
  34. César Bustíos B., quizá esta otra opción sea lo que buscas aunque no lo hace de forma automática :(

    bro, jajaja, lejos estoy de eso, la verdad es que igual yo estuve varios meses sumergido en los códigos tratando en encontrar la forma de hacerlo y nunca pude, pero dicen que el que persevera alcanza :D ¡Un abrazo!

    ResponderEliminar
  35. Buenísimo, ya lo puse en mi blog y funciona a la perfección. Gracias!

    ResponderEliminar
  36. Así es Bro, "persevera y triunfarás" ... y veo que tu lo tienes mas que claro, pues, aunque tu humildad no te lo permita, eres un ícono para nosotros los blogueros.

    Gracias!!!!
    Un abrazo!!!

    ResponderEliminar
  37. Muchas gracias brother, te lo agradezco de corazón :)

    ¡Un abrazo!

    ResponderEliminar
  38. Espetacular , hace tiempo me pregunaba como poder hacer esto.
    La verdad que me resultó todo a la primera y si ningún problema.

    Muchas gracias porla ayuda

    Bendiciones

    ResponderEliminar
  39. Fácil ¿verdad?
    Qué bueno que todo ha salido como esperabas.

    Saludos.

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

    ResponderEliminar
  41. Hola Potro!
    Me puedes ayudar?, es que en la plantilla de mi blog aparece esto: b:include data='post' name='postQuickEdit' al borrarlo y colocar los codigos para que excluya la primera entrada, "desaparecen" todas las entradas del blog...
    Muchas gracias por tu atencion.

    ResponderEliminar
  42. Hola Siria Grandet.,

    Esa línea no es la que se debe sustituir, si te fijas la parte donde dice name es distinta. Revisa de nuevo y prueba otra vez.

    Saludos.

    ResponderEliminar
  43. Muchas gracias!!... ya quedo perfecto.
    Saludos, que estes bien.

    ResponderEliminar
  44. Hola Potro!... ¿como puedo hacer para que en el primer post aparezca leer mas?, es que la entrada es muy larga y la seccione, pero no aparece la opcion de leer mas.

    Otra pregunta: ¿por qué los iconos de compartir de google aparecen sin color?
    Blog: http://armonizandotuvida.blogspot.com

    Gracias por atu atencion.

    ResponderEliminar
  45. Tampoco aparecen los iconos de Facebook y Twitter.

    ResponderEliminar
  46. Hola Siria Grandet.,

    En ese caso creo que te convendría más usar el leer más en todas las entradas para que se aplique también al primer post.

    Los íconos de Blogger así son en su diseño, sólo se ve el color cuando pasas el cursor sobre ellos pero así es como fueron diseñados.
    Y los de Facebook y Twitter yo los veo perfectamente, quizá sea la versión del navegador que usas o había un problema temporal con ellos.

    Saludos.

    ResponderEliminar
  47. hola, segui todos los pasos y funciono OK, pero yo quiero que la primera entrada tambien tenga el "leer mas", por favor, alguien me puede ayudar a solucionarlo!!!
    gracias

    ResponderEliminar
  48. Entonces sólo tenías que ir al link que se menciona al inicio que hace que se aplique a todas las entradas.
    Para revertir ese efecto busca el último código que se menciona en esta entrada y cambialo por esta línea:

    <b:include data='post' name='post'/>

    Saludos.

    ResponderEliminar
  49. hola Potro a mi sigue sin funcionarme en mi blog
    http://brujo5-iphone.blogspot.com/

    sin embargo en el de prueba me fue a la primera como se puede ver http://brujo5-mispruebas.blogspot.com/

    alguna idea??

    ResponderEliminar
  50. Quizá la etiqueta del primer paso la tienes dos veces, en realidad este script debe funcionar en todas las plantillas siempre y cuando se ponga en el lugar correcto. Prueba de nuevo y revisa que no tengas dos veces la primera etiqueta.

    ResponderEliminar
  51. Ok gracias por contestar de todas maneras acabo de cambiar la plantilla del blog y ya me trae la opcion de las miniaturas por defecto a si que ya no me hace falta gracias de nuevo
    salu2

    ResponderEliminar
  52. sabes que intente hacer eso y me resultaba, pero tenia un pequeño problema..que mis entradas en vez de tener el texto de color negro como estan originalmente, se volvian de color blanco como el fondo, por ende no se veia nada.
    luego intentaba editar las entradas manualmente cambiandole el color al texto y poniendoselo nuevamente negro, pero al guardar, no tenian efecto.
    puede ser que tenga un codigo que me invalida algo o que puedo hacer al respecto para corregirlo

    ojala me puedas ayudar.
    de antemano. gracias.

    ResponderEliminar
  53. En realidad no tendría que hacerte nada de eso ya que si te fijas en todos los cambios que se hacen ninguno toca ni siquiera un poco los estilos del blog, es decir, que los colores o cualquier otro detalle del aspecto debe quedar intacto.

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

    ResponderEliminar
  55. problema resuelto
    gracias

    ResponderEliminar
  56. FUNCIONO!! Y LO DEJE EN LEER MAS TODAS ASI QUEDA MAS LINDO, GRACIAS Potro

    ResponderEliminar
  57. tengo un pequeño problema potro, que al pasar el cursor por el leer mas, se cambia a color blanco y se pierde con el fondo de la entrada, lo mismo con el enlace de los comentarios, como puedo dejar fijo el color rojo que le tengo y no q cambie al pasar el cursor??
    se agradece de antemano
    saludos potro

    ResponderEliminar
  58. Recuérdame cuál es tu blog porque en tu perfil no aparece.

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

    ResponderEliminar
  60. http://todoespoker.blogspot.com

    saludos y ojala me puedas ayudar:)

    ResponderEliminar
  61. Busca esta parte:

    a:hover {
    color:#ffffff;
    text-decoration:underline;
    }

    Ahí está el color del texto de los links al pasar el cursor, cámbialo por otro.

    ResponderEliminar
  62. si lo he logrado y tambien pude cambiar a lo del titulo indagando, muchas gracias potro.
    otra pequeña consula, donde puedo editar el color del texto de esta parte "1 comentarios - publicar un comentario en la entrada" por ejemplo de esta entrada http://todoespoker.blogspot.com/2010/07/hora-feliz.html si ves ese texto entre comillas que puse está en color blanco y no se visualiza bien con el fondo gris que le tengo. en que parte de la plantilla puedo cambiarle el color solamente a ese texto?????

    de antemano. gracias

    ResponderEliminar
  63. Dentro de #comments h4 { verás el código del color, ahí lo cambias.

    ResponderEliminar
  64. El Potro, me acerco para agradecerte las múltiples veces que he encontrado respuesta de ayuda en tu blog.
    Muy bien explicado todo.
    Esta entrada me ha funcionado a la primera.
    Un saludo.

    ResponderEliminar
  65. Por el contrario, gracias a ti por tu visita y por tu comentario. Qué gusto que te haya funcionado todo muy bien.

    Saludos.

    ResponderEliminar
  66. Buenas Potro,
    Todo bien, pero en la primera entrada no aparecen los iconos de compartir ni la fecha de publicación.
    Gracias.

    ResponderEliminar
  67. Sólo busca esta línea dentro del código que has agregado:

    <div class='post-footer-line post-footer-line-1'>

    Y debajo de ella pega esto:

    <span class='post-timestamp'>
    <b:if cond='data:top.showTimestamp'>
    <data:top.timestampLabel/>
    <b:if cond='data:post.url'>
    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
    </b:if>
    </b:if>
    </span>

    <div style='text-align:left;'>
    <div class='post-share-buttons'>
    <b:include data='post' name='shareButtons'/>
    </div>
    </div>

    ResponderEliminar
  68. Gracias Potro,
    Ha quedado perfecto. Por cierto como puedo hacer para hacer el pie de pagina como el tuyo, pero con este formato de fecha; Jueves, 12 Agosto, 2010

    Un abrazo
    Joder muchas gracias por todo...

    ResponderEliminar
  69. En Configuración > Formato se cambia el formato que se muestran las fechas.

    ResponderEliminar
  70. Buenas de nuevo,
    se puede quitar la fecha que sale diariamente en la parte superior de las entradas. Por otro lado en el formato que yo tengo aparece "Publicado por blincacequias en" el "en" se puede quitar.
    Un saludo y gracias.
    http://elmundobasedow.blogspot.com/

    ResponderEliminar
  71. Pues entra en Diseño > Elementos de la página y click en Editar sobre Entradas del blog, ahí desmarca la casilla de la fecha.

    Para quitar el "en" elimina esto:
    <data:top.timestampLabel/>

    ResponderEliminar
  72. Gracias Potro,

    Ha quedado perfecto.

    Un abrazo amigo

    ResponderEliminar
  73. Se me olvidaba y perdona el abuso.
    Se puede cambiar el orden de la fecha para que aparezca asi: sabado, 14 de Agosto, 2010
    En configuración no me da esa opción.
    Gracias

    ResponderEliminar
  74. Sólo se pueden los formatos que se muestran en Configuración > Formato.

    ResponderEliminar
  75. Gracias a Rosa llegué a tu excelente página y apliqué el First Post complementando el que tenía anterior leer m´pas con miniatura de imagen de Rosa,y funcionó de primera intención perfectamente,gracias a tí por compartir

    ResponderEliminar
  76. Excelente Aviber, qué bueno que te ha funcionado ;)

    ResponderEliminar
  77. HOLA POTRO HE SEGUIDO TU PAGINA Y PARA MI ERES MI MAESTRO. SOLO TENGO UNA DUDA COMO SE DONDE COLOCAR UN POSTLINK QUE HACE QUE NO E SALGA UN VIDEO DE YOU TUBE EN LA ENTRADA
    http://acicas-tube.blogspot.com/2010/08/medio-maraton-zapopan.html

    ResponderEliminar
  78. ola el truco lo e hecho perfectamente como 15 veces pero sigue dandome problemas sale muy desordenado porfavor mira mi pagina es www.distritourbano.tk

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

    ResponderEliminar
  80. Excelente post Potro.

    Yo quería hacerte una pregunta, ¿Para hacer que la primera entrada, también, tenga el leer más, lo único que tengo que hacer es no realizar el último paso?

    ResponderEliminar
  81. ACIERNO RUNNING, no he entendido la pregunta, quise entrar a la página de referencia pero dice que no existe.

    Mesias, prueba cambiando esta parte div class='post hentry' por esta otra div class='post' id='post'

    Javier, exacto, sólo omite el último paso y el Leer más se aplicará a todas las entradas.

    ResponderEliminar
  82. Muchas gracias por contestar. En cuanto tenga un ratillo lo hago y ya te digo como me quedo.

    ResponderEliminar
  83. Oye Potro, una pregunta, ¿Cómo puedo quitar el gadget de Página principal que aparece debajo de las entradas del blog y encima del pie de página?

    ResponderEliminar
  84. Necesitaría ver tu blog para saber de cuál gadget te refieres.

    ResponderEliminar
  85. Ese problema ya le solucione, aplicando el truco de ocultar/eliminar los créditos de las plantillas nuevas.

    Pero ahora tengo otro problema, ¿Cómo elimino eso de ¨suscribirse a¨ que va justo debajo de la entrada?

    Mi blog es http://eldesvandelfutbol.blogspot.com, por si lo necesitas.

    Saludos y gracias

    ResponderEliminar
  86. Ya lo hice, y me salió. Muchas gracias Potro, gracias a tí, mi blog está quedando tal y como quiero

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

    ResponderEliminar
  88. Gracias Potro funciono una pregunta, tengo la mania de que todo el texto sea justificado podra hacer eso.
    http://cybernetics-csiyon.blogspot.com/

    ResponderEliminar
  89. De hecho el código ya tiene incluido el señalamiento para que en los resúmenes esté justificado el texto.

    ResponderEliminar
  90. Potro, una pregunta, he estado buscado por todos lados la manera de dividir una sola entrada en tres columnas, y lo único que he encontrado ha sido la manera de dividrla en dos.
    ¿Tú no tendrás algún post que lo explique?, lo he buscado y no lo he encontrado.

    Gracias por adelantado.

    ResponderEliminar
  91. Las entradas como tal no se pueden dividir, quizá lo que buscas es redactar tus entradas en columnas. Si es así entonces mira esta entrada, o bien, usa una tabla en la entrada:
    http://ciudadblogger.com/2009/05/insertar-tablas-en-blogger.html

    ResponderEliminar
  92. Buenas Potro;

    He seguido al pie de la letra las indicaciones pero, la primera entrada no se ve entera, sino que aparece con leer más...y no encuentro el error, puedes echarme un cable?
    nossobranlosmotivos.com

    Gracias!

    ResponderEliminar
  93. Verifica que la segunda línea que tienes que reemplazar no la tengas duplicada.

    Saludos.

    ResponderEliminar
  94. Potro hice todo tal y como explicas en este post (excepto el último paso, ya que yo quiero el leer más en todas las entradas), y cuando vi el resultado no me gustó, ya que lo que yo quiero es que te ponga el leer más, pero que no modifique nada, es decir, que la entrada se vea tal y como si no tuviera el leer más, solo quea cierta altura del texto, se insertara el leer más, ¿Cómo lo puedo hacer?

    Saludos y gracias, si no entediste algo, me lo dices.

    Gracias por la pregunta que te hice anteriormente en éste post, ya la solucioné

    ResponderEliminar
  95. Tal vez te convenga más usar el Leer más de Blogger:
    http://chicablogger.com/leer-mas-en-blogger-%C2%A1al-fin/

    ResponderEliminar
  96. Gracias Potro, me fue de mucha ayuda, eso era precisamente lo que andaba buscando.
    Sabía de su existencia, pero lo había probado en plantillas antiguas, y por eso no me funcionaba.

    ResponderEliminar
  97. Hola Potro, cuando agrego el código para que la opción "Leer más" no aparezca en el primer post, el título del mismo queda diferente, ¿qué puedo hacer?
    ¡Gracias!

    ResponderEliminar
  98. Expande los artilugios, busca este código:

    <h3 class='post-title entry-title'>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h3>

    Y cambialo por este otro:

    <h2 class='post-title entry-title'>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h2>

    ResponderEliminar
  99. Hice los cambios que me indicaste pero sigue igual, tengo una plantilla rebelde!
    De todas formas te agradezco y si se te ocurre otra cosa, ¿me avisarías?

    Saludos,
    Julieta.

    ResponderEliminar
  100. Bien, entonces probemos con esto, busca esta línea:
    <h2 class='post-title entry-title'>

    Y cambiala por esta otra:
    <h2 class='title'>

    ResponderEliminar
  101. Tampoco funcionó :(
    Lo curioso es que el título se ve bien en la página individual, es decir en la de la entrada.

    ResponderEliminar
  102. No veo que hayas hecho el último cambio que te mencioné :\

    ResponderEliminar
  103. Probemos con esto último, busca este código:

    <b:if cond='data:post.title'>
    <h2 class='title'>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h2>
    </b:if>


    Y remplazalo por este otro:

    <b:if cond='data:post.title'>
    <div class='title'>
    <h2>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h2>
    </div>
    </b:if>

    ResponderEliminar
  104. ¡Funcionó! ¡Mil gracias por tu paciencia y dedicación!

    ResponderEliminar
  105. Por nada, me da gusto que al fin haya quedado :)

    ResponderEliminar
  106. Gracias Potro, por tu grandioso blog y tu fantastica ayuda. lo he puesto y va bien pero no puedo poner el primer post diferente, y ademas tengo las primeras entradas con doble titulo y si creo nuevas van apareciendo los titulos dobles.
    Ejem: "venir y caer venir y caer". he revisado todo y lo unico que veo es que tengo 4:


    </div>
    </div>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    </b:if>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <b:include data='post' name='comments'/>
    </b:if>


    he probado de todo, pero no se que tengo que hacer o es otra cosa.

    Dime algun consejo... gracias!

    http://magicvfx.blogspot.com/

    ResponderEliminar
  107. Pues no deberías tener 4 sino 2, seguro ese es el problema.
    Desconozco si ya antes tenías el Leer más, si es así entonces deberás deshacerlo y comenzar los pasos que se explican aquí desde el inicio.

    ResponderEliminar
  108. Gracias por contestarme! Sigo con los "Titulos Dobles" y ya no se que tengo que hacer, lo he revisado y he visto que en el truco:
    Mostrar sólo los títulos de las entradas en una busqueda en el codigo que introduje el de color rojo tenia tambien esos 2 que necesita.

    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:include data='post' name='PeekABooPost'/>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    <b:else/>

    <b:include data='post' name='post'/>

    </b:if>

    y aqui con este truco de "leer mas..." incluye 2 mas asi me pregunto ¿sera incompatible? ¿Tengo que dejarlo entonces como esta con 4 o como hago? aun probando eliminado todos, algunos o al azar, siempre se cierra la vista previa.Si dejo 2 o 4 funciona pero sigue el problema ¿tengo que buscar otra causa? ¿lo coloque mal?¿tengo que quitar algun truco? podrias aclararme y poder solucionar esto.

    Solo me falta arreglar esto!

    Muchas gracias por la labor que estas haciendo hace mas facil meterse a customizar el Blog para novatos como yo.

    http://magicvfx.blogspot.com/

    ResponderEliminar
  109. No sabía que también tenías el truco para mostrar sólo los títulos.
    La verdad nunca he probado los dos juntos, pero ya un usuario me había comentado que tener el Leer más junto con el otro truco no funcionaba, y que de hecho es un tanto innecesario tener los dos juntos ya que si tienes el Leer más entonces en las búsquedas y etiquetas también aparecerán las entradas resumidas así que no ocupará espacio.

    ResponderEliminar
  110. Al final he tenido que desliar el lio y eliminar las entradas expandibles por busqueda. pues parece que habia algun conflicto.

    ya todo arreglado, gracias.

    ResponderEliminar
  111. Hola Potro, que interesantes estan todos tus post. Con respecto a este tema fijate que lo probe en mi blog y nitiddo, gracias! solo queria saber como cambiarle el fondo y el color de letra a la primera entrada, pues soy nuevo en esto y me cuesta un poquito, espero tu respuesta, gracias http://misionalasamericas.blogspot.com

    ResponderEliminar
  112. Hola Mision a las Americas, Gt.,

    Qué gusto que te haya quedado a la primera.
    Para cambiar el fondo y el color de la primera entrada agrega antes de ]]></b:skin> lo siguiente:

    .post {background:#FFFFFF;}
    .post-body {color:#CCCCCC;}

    El primer código es el color de fondo y el segundo el color de la letra.

    ResponderEliminar
  113. Gracias por la respuesta, lo hice y si me funciono el color de letra, pero el fondo no lo cambia, se queda con el mismo que el color de la hoja.

    Sera que hay otra forma de hacer resumidos los post y el primero no, aparte de esta? o puedo probar algo mas para cambiar el fondo del primer post?

    Gracias Potro por tu ayuda

    ResponderEliminar
  114. Lo que sucede es que en tu blog la entrada se ve sin fondo porque la plantilla que usas no tiene los nombres estándar de las plantillas de Blogger, por eso no reconoce el color de fondo.

    Prueba con eso, en el último código busca esta parte:
    <b:if cond='data:post.isFirstPost'>
    <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <div class='post hentry'>

    Y cambiala por esta otra:

    <b:if cond='data:post.isFirstPost'>
    <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <div class='art-post-body'>

    Con eso ya debe funcionar.

    ResponderEliminar
  115. no pues me di por vencido potro, no me funciona. ya probe de varias formas y nada

    ResponderEliminar
  116. Pues si quieres como último intento además del código que te dije que remplaces remplaza este:
    <div class='post-body entry-content'>
    <p><data:post.body/></p>
    </div>

    Por este:
    <div class='art-post-cc'>
    <p><data:post.body/></p>
    </div>

    Espero tengas más suerte con este último. Siento no poder ayudarte más pero esa plantilla está demasiado modificada.

    ResponderEliminar
  117. Muy pocas cosas admiro o me sorprenden...pero, SINCERAMENTE mi buen "POTRO" te admiro la INMENSA capacidad didáctica y explicativa que posees para enseñarnos a construir nuestros BLOG'S y convidarnos con tanta sencillez TODOS tus conocimientos. GRACIAS por toda la ayuda, orientación y enseñanza que nos regalas. ¡ADELANTE! Lic. Palazuelos.

    ResponderEliminar
  118. Aprecio enormemente tu comentario, de verdad es es un aliciente para seguir adelante con la misión de este sitio que es la de compartir.

    ¡Saludos!

    ResponderEliminar
  119. Muy bueno tambien no se puede hacer mal siguiendo paso a paso

    ResponderEliminar
  120. Me alegro que todo te haya resultado con éxito.
    Saludos!

    ResponderEliminar
  121. Hola Potro, sos un genio !! Ayudame por favor con esto: puse el efecto de Leer Automático menos en el primer post y funcionó a las maravillas EXCEPTO por algo: en algunas entradas no se visualiza el "Leer Más.."...está transparente sin embargo cuando le pasás el cursor por encima te lo marca...me podés decir cómo lo soluciono ? (inclusive probé borrándo la entrada y haciéndola enteramente de nuevo pero no funcionó...) Muchas gracias y mi blog es : www.bikersalta.blogspot.com

    ResponderEliminar
  122. Hola Potro, para ser más específico fijate en mi entrada del 23 de Octubre cuyo título es "Bike News del Dom 24-Oct !! que no se ve el "Leer más.." pero si le pasás el puntero del mouse te lo muestra...eso es lo que me está pasando !! Cómo lo soluciono ? Ahora arreglé otro pero tuve que hacer toda la entrada de nuevo y esa no es la idea...no te parece ? Bueno, te mando un abrazo y muchas gracias por anticipado !! Boris de www.bikersalta.blogspot.com

    ResponderEliminar
  123. Hola Boris,

    He entrado a tu blog desde Google Chrome 7, Internet Explorer 8, Mozilla Firefox 3.6 y en los tres se ve perfectamente bien el enlace de Leer más. No sé si ya lo habrás arreglado o se trate de un problema de tu navegador.

    Saludos!

    ResponderEliminar
  124. Hola Potro Maestro. Esto es cosa de Mandinga...yo tengo 2 computadoras en mi casa...en la de mis hijos veo que la Entrada del día 24-Oct tiene la leyenda "Leer Más..." y en la mía no !!!! Cómo puede ser ? Esto es de locos !! Es lo que te pasó a vos....no entiendo más nada !! Qué puede ser ? Porque en mi caso es la única Entrada que no tiene la leyenda...me había pasado con otra Entrada pero la borré y la hice de nuevo y lo solucioné pero ése no es el camino...me podés ayudar por favor ? Muchas gracias, tu ayuda me sirve mucho. (www.bikersalta.blogspot.com)

    ResponderEliminar
  125. Disculpá que te moleste...ahora también me pasa otra cosa. (aparte de lo que te compartí antes que en algunas Entradas no veo la leyenda "Leer Más..." y en la otra compu si la veo)
    Si a una Entrada que tiene la leyenda "Leer Más.." la clickeo para desplegarla y verla completa, cuando vuelvo a la página principal esa Entrada se queda sin la leyenda "Leer Más..." a la vista. (aunque si pasás el cursor te lo muestra)
    Me podrás solucionar estos dos problemas por favor ?

    ResponderEliminar
  126. También te confirmo que en las dos computadoras por igual, si clickeás la opción de "Leer Más.." cuando volvés a la página principal no te vuelve a mostrar la leyenda...(aunque si pasás el cursor te la muestra) Saludos, abrazo y disculpá la insistencia pero la verdad que yo de esto no sé casi nada y ando así...a los chapotazos !! Muchas gracias tu buena voluntad. (www.bikersalta.blogspot.com)

    ResponderEliminar
  127. Hola Boris,

    Lo que sucede es esto, en las plantillas muchas veces los links tienen especificados tres tipos de colores, uno para los links que no se han visto, otro para el color del link al cambiar el cursor, y otro para los links que ya fueron visitados.
    Sucede que, el color de los links que ya fueron visitados es del mismo color que el fondo de tus entradas, es por eso que al entrar a ellos el enlace parece desaparecer porque se confunde con el color de fondo de las entradas.

    Para solucionarlo busca esta parte en tu plantilla:

    a:visited {
    color: #eeeebb;
    }

    Ahí donde dice #eeeebb quizá veas otro código distinto, sólo cámbialo por otro código de color, por ejemplo: #61380B

    Saludos.

    ResponderEliminar
  128. Estimado, lo tuyo es una paquetería !! Capo absoluto !!
    La única sentencia donde aparecía el color #eeeebb que me sugeriste dice:

    La cambié y todo anduvo perfecto. MUCHISIMAS GRACIAS POR ESTO !!

    Otro tema: (sin abusar...) en mi blog tengo líneas que separan a una entrada de la otra en color narandja. Al poner las sentencias del Leer Mas automático menos en la primer entrada me desapareció el separador de la primer entrada...qué hay que corregir ? Hay manera de ponerla también al finalizar la primer entrada ? Aguardo tu respuesta y desde ya muchas gracias de nuevo !! (Boris de www.bikersalta.blogspot.com)

    ResponderEliminar
  129. Puedes probar poniendo debajo del último código que se explica en esta entrada, el código del separador que has elegido.
    Saludos.

    ResponderEliminar
  130. Estimado,
    el código del separador que tengo es el que sugeriste en tu artículo "Poner Separadores entre entradas".
    Ahora con este cambio que metí tengo un lío bárbaro...me podrás indicar abajo de donde lo tendría que poner ?
    Muchas gracias, Boris de www.bikersalta.blogspot.com

    ResponderEliminar
  131. El código que se explicaba en la entrada de los separadores está bien, no tienes que eliminarlo, ese mismo código (el del separador que elegiste) debes ponerlo justo debajo del último código que se menciona en esta entrada.
    Prueba para ver su funciona, estoy "casi" seguro que será así ;)

    ResponderEliminar
  132. Hola Potro, cómo estás ? Soy "seguidor como perro e'sulky" jajajaja...mirá...probé con la sentencia del separador abajo de casi todos los b:if y "no andó"...qué pasó...no se !!
    Qué te parece pueda probar ?
    muchas gracias, boris de www.bikersalta.blogspot.com

    ResponderEliminar
  133. Jajaja, bueno, entonces probemos con esto otro con lo que sí deberá funcionar.
    EL código del separador que tienes déjalo donde está, y pega otro separador justo debajo de:

    <div class='post-body entry-content'>
    <p><data:post.body/></p>

    Con eso ya deberá verse el separador tanto en la primera como en todas las entradas.

    ResponderEliminar
  134. Potro...qué puedo decirte ? Primero GRACIAS...luego...que el truco "andó" como pronosticaste.
    Lo que te pido es que me indiques cómo hago ahora para que esa línea naranja se ponga en el espacio blanco que existe entre post y post como ves en el resto de las entradas...qué le vas a hacer...soy alemán...jodido...y perfeccionista !!
    Esto de arriba como punto 1.

    Como punto 2 y sin querer abusar de tu conocimiento pero la verdad que no puedo menos que estar asombrado de tus conocimientos te quiero preguntar:
    1. Hay forma de regular automáticamente el número de gadgets de la sidebar así como está la posiblidad de hacerlo con las entradas ? Ya sé que puedo eliminar gadgets...pero supongamos que tengan un número X automático...ése es el caso.
    2. El "espacio blanco" entre los posts, se puede reducir ? Cómo ?

    En fin...la verdad que me gustaría conocerte. Sos un maestro. Nuevamente muchas gracias tu generosidad. Esas cosas vuelven. Yo lo sé porque soy buen tipo y hay muchas cosas buenas que me pasan...quizás conocerte a través de la web !!
    Boris de www.bikersalta.blogspot.com

    ResponderEliminar
  135. Podrías poner el separador entonces un poco más abajo, ya sea debajo de <div class='post-footer'> o de <div class='post-footer-line post-footer-line-1'>

    No me queda muy claro eso del número automático de gadgets, pero sí puedes condicionar cuántos gadgets puedes agregar a la sidebar, es decir, estipular un máximo y después de ese número de gadgets no podrás agregar más.

    El espacio en blanco es el post-footer, y puedes modificar sus valores justo debajo de la línea que tiene el mismo nombre, o sea, debajo de esta:
    .post-footer {

    Muchas gracias por tus comentarios y ojalá algún día tenga yo el placer de conocerte. Y por lo perfeccionista no te preocupes, yo soy algo obsesivo :P

    ResponderEliminar
  136. Estimado,
    Vamos x partes como dijo Jack el Destripador...
    1. La línea naranja que utilizo de separador me quedó dentro de la línea blanca. OK 10 puntos c esto.
    2. No me has indicado como condicionar el número máximo de gadgets...Espero tu respuesta de este punto.
    3. Post-footer tengo varios en el HTML, cuál es el que regula el "ancho" de la línea blanca ? Probé con varios y no logre modificarlos...quizás lo hice alcoholizado...no sé...me lo podrás decir por favor ?
    4. La línea blanca debajo del primer post es más ancha que las líneas blancas de los posts siguientes....sugerencias para que todas tengan el mismo ancho ?

    Muchas gracias tus ayudas...la verdad que sin vos estas cosas no las saco ni loco...Boris de www.bikersalta.blogspot.com

    ResponderEliminar
  137. Ultimo nuevo tema...esta es nueva...fijate en el blog que ahora en el título de las entradas me salió un "pituto" verde"en la primer letra...cómo lo saco ??
    Nuevamente gracias por tu asistencia. Boris de www.bikersalta.blogspot.com

    ResponderEliminar
  138. No te indiqué lo de condicionar el número de gadgets porque no me confirmaste si era eso a lo que te referías. Si es así, sólo busca la una línea como esta y agrega lo que está en negrita:

    b:section class='sidebar' id='sidebar' preferred='yes' maxwidgets='10'

    Eso que está en negrita es la que indica el número máximo de gadgets.

    La línea que te he puesto de ejemplo del post-footer sólo hay una, revisa nuevamente, y veo el mismo ancho del post-footer en todas las entradas, a menos que te refieras al alto, pero ese se corregirá cuando arregles el área del post-footer.

    Sobre el último problema necesitaría saber qué cambio hiciste antes de que te apareciera eso.
    Saludos.

    ResponderEliminar
  139. Estimadisimo,
    1. Bárbaro la sentencia de los gadgets, lo solucioné borrando algunos viejos pero voy a incorporar tu sugerencia.
    2. No te entendí como hacer que el area blanca que separa el primer post del segundo tenga el mismo ancho que el area blanca del segundo post respecto del tercero...
    3. Sobre el redondel verde que se me pone en la primer letra de la Entrada y si te fijás en el gadget de enlaces también no tengo ni idea qué pasó...y como buen nabo no hice copia de seguridad...si te mando en un file el html a una dirección de correo tuya...lo podrás mirar un poco ?
    Avisame y una vez más gracias.

    PD: guardé una versión bastante vieja antes de meter muchos cambios...volver a reconstruir todo sería un dolor de pelotas !!!!

    ResponderEliminar
  140. Te repito que todos los post-footer tienen el mismo ancho, quizá te refieres al alto de este.
    Debajo de .post-footer { deberás establecer el alto para esta área:
    .post-footer {
    height: 30px;

    Para eliminar el icono que aparece en tus títulos busca esta parte y elimina lo que está en negrita:
    .post h3 {
    line-height:1.5em;
    background:url("http://www2.blogblog.com/rounders3/icon_arrow.gif") no-repeat 10px .5em;

    Saludos!

    ResponderEliminar
  141. Potro....potrazo ?? jajajaja !!! qué bárbaro men !! yo puedo no saber pero identifico claramente a aquellos que poseen lo que a mi me hace falta !! im pre sio nan te !! te felicito enserio !! la verdad que hacer todo esto "for free" imagino que te debe traer satisfacciones por otro lado...de hecho el modesto blog que yo tengo no me rinde económicamente pero la verdad que aún me da placer hacerlo, estudiar como mejorarlo y aprender cosas nuevas...
    Yendo a lo concreto, anduvo todo bien...PERO a veces te confiás demasiado en tu sapiencia y no cuidas todos los detalles.. (x sino se entiende es un chiste jajajaja)
    Fijate que en el gadget de enlaces hay una "flechita" que si la podemos sacar mejor...
    Sumamente agradecido por todo lo que has colaborado conmigo y con el pedorrin blog que trato que sea un producto respetable....
    Abrazo, boris de www.bikersalta.blogspot.com

    ResponderEliminar
  142. Pues económicamente tampoco me rinde pero siempre es un gusto poder compartir.

    De igual forma busca y elimina esta línea:
    background:url("http://www2.blogblog.com/rounders3/icon_arrow_sm.gif") no-repeat 2px .25em;

    Saludos.

    ResponderEliminar
  143. Otra vez yo!!!! sorry, pero ya segui paso a paso todo 2 veces revicé los codigos y woalá! no hubo ningun cambio... porke? será ke tengo ke kitar los códigos de titulos expandibles o como? me ayudas porfa? de nuevo!!! gracias!!!

    ResponderEliminar
  144. Exactamente es por esto, recuerda que esto lo que hace es crear resúmenes de las entradas excepto en la primera, y tú tienes aplicado el código para que se muestre no un resumen sino sólo el título de la entrada, es por eso que no te funciona.
    Necesitas quitar el otro truco y usar este para que te funcione.

    ResponderEliminar
  145. Me podes decir como quitar el ller más de esta plantilla Magduo o como borrar lo que dice undefined- undefined- undefined muchas gracias

    ResponderEliminar
  146. Con exactitud no podría decirte cómo quitarlo pues cada plantilla tiene un sistema diferente, pero al parecer es un método como este, así que podrías hacer lo contrario que se dice aquí para quitarlo.
    Respecto a lo de 'Undefined' debe tratarse de la fecha, mira esta entrada para que veas cómo solucionarlo.
    Saludos.

    ResponderEliminar
  147. Feliz diciembre Potro! jeje aquì con una consulta: intento hacer que quede una nota fija en la pàgina principal, ya probè eso y me sale. Ahora el problema es que cuando hago este truco para que sea la ùnica nota que se muestre en forma completa , aparecen al pie de ella el nùmero de comentarios( que yo lo tengo oculto y la etiqueta al pie de la entrada,que tambièn las ocultè) y desparece el botoncito de me gusta de facebook... ¿alguna idea,para que todo eso quede igual?, ya me duele la cabeza de pensar!! jajaja

    ResponderEliminar
  148. Feliz diciembre Mariangeles :)

    Para eliminar el link de comentarios del primer post elimina esta área de este código:

    <span class='post-comment-link'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <b:if cond='data:post.allowComments'>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
    </b:if>
    </b:if>
    </b:if>
    </span>

    Para eliminar las etiquetas borra esta otra parte que está un poco más abajo:

    <div class='post-footer-line post-footer-line-2'>
    <span class='post-labels'>
    <b:if cond='data:post.labels'>
    <data:postLabelsLabel/>
    <b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
    </b:loop>
    </b:if>
    </span>
    </div>

    Y para colocar el botón de Facebook es el mismo método que el original, pega el código de Facebook debajo de <div class='post-body entry-content'>

    ¡Saludos!

    ResponderEliminar
  149. Muchisimasss gracias Potro, ves tendrìa que haberte preguntado desde el principio y me ahorraba los analgèsicos jajaja
    Saludos!!

    ResponderEliminar
  150. Jajaja, no, está bien que le hagas la lucha antes ;)
    ¡Saludos!

    ResponderEliminar
  151. Gracias. He tomado atenta nota te este articulo y me ha permitido colocar leer más menos en el primer post. Me gustaría que me colaboraran en mejorar lo que con mis pocos conocimientos sobre la materia he realizado en mi blog

    ResponderEliminar
  152. Como hago para colocar un menú que empiece con página principal, artículos, jurisprudencia, consulta, modelos, etc.

    La dirección del blog es: http://www.practicaforenseusual.blogspt.com

    ResponderEliminar
  153. Puedes utilizar cualquier tipo de menu. En la seccion de menus puedes ver algunos que quiza puedan interesarte.
    Saludos y mucha suerte con tu blog.

    ResponderEliminar
  154. ola amigo me gustaria pedir algo pero nose donde escriberlo en verdad no tiene que ver nada con esta tema pero me gustaria que me ayudas ya que soy me gustan los trucos que hace esta web en mi blog cada ves que pongo nueva entrada mi salin 14 cosas abajo de suscriber facebook i muchas cosas me guata kitarlos i nose como aki te dijo mi blog para que lo veas

    http://animefucion.blogspot.com/

    ResponderEliminar
  155. Expande los artilugios y elimina desde la etiqueta <div class='bookmarkbox'> hasta el próximo </div> que encuentres.

    ResponderEliminar
  156. Hola Potro, he intentado hacer este tutorial de leer automatico menos en el primer post y no me sale ningun resultado, he añadido los codigos paso a paso tal como lo muestras aqui pero sigue todo igual, no ha cambiado nada, espero que puedas ayudarme, gracias

    ResponderEliminar
  157. Pues si has seguido los pasos al pié de la letra debe funcionar, a menos que la plantilla que uses esté muy modificada y le falte algo.

    ResponderEliminar
  158. La dirección es esta: http://sevillistasinfronteras.blogspot.com

    Lo he intentado otra vez y no me funciona, las entradas se ven igual, a ver si me puedes ayudar, te lo agradecería mucho.

    ResponderEliminar
  159. Acabo de descargar la plantilla que usas y he seguido los pasos de la entrada para verificar si se trata de la plantilla y no tuve ningún problema en implementar el truco por lo que no se trata de la plantilla. Verifica nuevamente que estás siguiendo los pasos correctamente.
    Saludos.

    ResponderEliminar
  160. Me sigue sin funcionar, lo hago todo tal y como viene en la entrada, no se por que no me sale, el caso es que al lado de esta linea "" hay un "< /div>" lo tengo que borrar tambien? o lo dejo? bueno suponiendo que sea la primera porque de esa linea me aparecen cinco iguales en toda la plantilla y en cuanto a esta otra linea "" me aparecen dos iguales, no se cual de las dos es, esas son las dudas que tengo por lo demas lo hago exactamente igual que la entrada, me aparece abajo de cada post "sigue leyendo" pero aun asi no se ocultan las entradas, se muestra completas con lo cual ese vinculo no vale para nada. Saludos.

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

    ResponderEliminar
  162. de esta linea me aparece 5 distintas: data:post.body/ y de esta otra: b:include data='post' name='post'/ otras 2 distintas

    ResponderEliminar
  163. Pues si tienes varias como esas entonces seguro ya había modificado esas áreas anteriormente pues en la original sólo viene una vez cada una de esas líneas.
    Lo más recomendable sería que reinstalaras la plantilla y probar de nuevo.

    ResponderEliminar
  164. Muy buenos consejos en esta estupenda página. Me gustaría saber, si es posible cambiar el color, tamaño y justificación del texto de las entradas resumidas.
    Gracias por la utilidad de tu ciudadblogger y ¡Enhorabuena por tu trabajo!

    ResponderEliminar
  165. Claro, 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; color:#000; font-size:12px;"

    Ahí mismo puedes cambiar los valores nuevos como la justificación, el color y el tamaño.
    Saludos.

    ResponderEliminar
  166. Potro: muchas gracias por tus consejos y por tu trabajo, es muy útil.
    He utilizado un menú horizontal desplegable y me va de lujo.
    También he utilizado el para leer más con el pirmer post distinto y estoy contento, pero, aunque añadí lo que me deciás: span style="float:left; padding:0px 10px 5px 0px; text-align:justify; color:#000; font-size:12px;" el color no conseguí cambiarlo. Seguiré estudiando e investigando el por qué. Si tienes alguna sugerencia te lo agradezco.
    Una pregunta más: ¿el resumen no sale en las entradas antiguas ni en la nube de tags o secciones como yo tengo?
    http://iesyfol.blogspot.com/

    ResponderEliminar
  167. Te pido disculpas, no era ahí donde debe cambiarse, sino en el primer código que has agregado, ahí hay que buscar esta parte y añadir lo que está en negrita:

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

    De esa forma sí funcionará el cambio de color y tamaño de letra.
    El resumen debe salir en todas partes, y de hecho veo que sí aparece en las entradas antiguas, quizá no entendí bien tu pregunta o.O

    ResponderEliminar
  168. Potro muchas gracias por todo. ¡Estoy encantado de como funciona todo lo que pones! Y además contestas y, además, rápido, gracias.
    Me alegro de haberte encontrado.
    Cuándo te fichen, acuerdate de este humilde bloguero, ja,ja,ja,jaj.
    Gracias de nuevo y, cuando tenga alguna otra duda te la comentaré.
    Saludos.

    ResponderEliminar
  169. Muchas gracias por tu amable comentario :)

    ResponderEliminar
  170. gracias, me gusta como queda. Con esta opción, el blog queda con un toque más fino, ahora voy a ver.. si consigo encontrar una forma para que mi avatar aparezca en todos los temas que creo (sin tener que añadirlo yo a mano jejeje)

    un saludo.

    ResponderEliminar
  171. Quizá esta es la entrada que estás buscando:
    http://ciudadblogger.com/2010/06/acerca-del-autor-debajo-de-cada-post.html

    Saludos.

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

    ResponderEliminar
  173. Seria algo parecido, mi intención era que mi avatar.. apareciese igual que en los comentarios, es decir a un lado.. a la derecha, pero bueno, al final me decidí por escribir el código y ponerlo en la plantilla de entrada, así ya automáticamente.. aparecerá el código, se que es chapucero.., pero igualmente efectivo xD

    gracias de todos modos :D

    ResponderEliminar
  174. Ayuda!!!

    Tengo un blog y me baje una plantilla Solenca, no se si la conoces pues ya tiene Read more » , y hice todo lo de aca pero al terminar desaparece el boton READ MORE y queda el post y tambien las foto en miniatura antes de entrar osea queda como posteas en cualquier blog, hice todo lo de aca pero no funciona, alguna ayuda?

    Gracias

    ResponderEliminar
  175. Pues no conozco esa plantilla, pero en teoría si esa o cualquier otra plantilla ya tiene incluido el Leer más entonces sólo hay que hacer el último paso que se indica en la entrada que es buscar esa última línea y cambiarlo por el código que se menciona (es lo último de la entrada).

    ResponderEliminar
  176. Gracias, me ha funcionado. Pero en la primera entrada no me aparecen los botones de compartir y de me gusta, tal como aparecen en las demás. Alguna solución?

    http://rocksnrulestv.blogspot.com/

    ResponderEliminar
  177. Busca dentro del último código que has agregado esta línea:

    <div class='post-footer-line post-footer-line-1'>

    Debajo de ella agrega esto:
    <div style='text-align:left;'>
    <div class='post-share-buttons'>
    <b:include data='post' name='shareButtons'/>
    </div>
    </div>

    Ahí mismo puedes agregar también el código que usaste para mostrar el botón de Facebook o cualquier otro que quieras agregar.

    ResponderEliminar
  178. Hola Potro. Bonito truco

    He leido todo el post, incluidos los comentarios, porque quería que en el primer post también apareciesen las mismas cosas que en el resto (las que estan resumidas): botones para compartir, lápiz de edicion rápida....

    Pero no hay manera. Puse el código del comentario anterior y otro que tienes por el medio y ahira me salen los botones en el primer post (para compartir) pero en el resto salen duplicados.

    A ver si se puede arreglar Potro, que seguro que sí

    ResponderEliminar
  179. Es posible que lo hayas duplicado sin darte cuenta, y esto es porque el lugar donde se pega aparece en dos ocasiones en la plantilla, es por eso que en el comentario anterior remarqué en negrita que debe buscarse el código sólo dentro del último código que se ha agregado pues al ponerlo en otra línea igual pero no la correcta hará que se muestre en las demás entradas.

    ResponderEliminar
  180. Lo he resuelto desde el panel de diseño de página, quitando la opción de ver los enlaces para compartir. Ahora sale en todos. Gracias de Nuevo, una y mil veces mas por tu trabajo y dedicación.

    ResponderEliminar
  181. Me alegra que ya esté todo resuelto :)

    ResponderEliminar
  182. Buenas tardes amigo Potro, vera ya tengo un poco de tiempo siguiendolo sigilosamente aca en ciudadblogger por la ayuda que usted brinda a nosotros los que queremos mejorar nuestro blog.. estoy muy agradecido por ello.
    Mi pregunta es la siguiente: He seguido los pasos tal cual usted lo explica aca para resumir los posts de nuestro blog menos el principal o primer post todo me sale bien PERO ¿porque cuando ejecuto guardar y voy a mi pagina principal el titulo de mi primer post "el principal" no tiene el mismo formato, tamaño, fuente y color que de mis otros posts?? Si me ayudaria se lo agradeceria infinitamente.

    http://angel-vasquez.blogspot.com/?zx=1feedd8e689c8aa

    P.S si desea podria enviarle una copia de mi plantilla solo digame donde.

    Saludos cordiales

    Atte. Maiki

    ResponderEliminar
  183. Es porque tu plantilla tiene los títulos en formato h2 y los que se aplicaron al primer post son h3.
    Para solucionarlo sólo busca en el código que has agregado donde diga h3 (aparece 2 veces) y cámbialo por h2

    Saludos.

    ResponderEliminar
  184. Amigo Potro muchas gracias por su ayuda, fue de mucha utilidad porque ahora si me salio casi bien :)
    http://angelvasquez-az.blogspot.com/

    Digo casi bien porque aun hay un pequeño problemita, cuando escribia o añadia algun nuevo post a mi blog ellos en la cabecera siempre tenian un Icono al lado del titulo del post como lo puede ver en mi otro blog que es de pruebas
    http://www.angel-vasquez.blogspot.com/

    tiene el Icono rojo grande al lado del titulo y debajo tambien dos iconos pequeños que marcan cuando fue publicado el post y tambien las etiquetas que le puse.. me gustaria que regresen a mis post :(

    Muchas gracias por todo amigo, y si no se puede pues gracias tambien :) si no es inprudencia de que pais es usted?

    Saludos

    ResponderEliminar
  185. No sabría decirte si funcione o no pues esa plantilla es muy distinta a las plantillas clásicas y no la conozco, pero puedes tratar cambiando esta parte:


    <b:if cond='data:post.title'>
    <h2 class='post-title entry-title'>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h2>
    </b:if>


    Por esta otra:
    <b:if cond='data:post.title'>
    <div class='postimg'><img alt='' class='fl' src='http://i254.photobucket.com/albums/hh92/eblogtemplates/polaroid/ico-hdr1.gif'/></div>
    <h2 class='post-title entry-title'>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h2>
    </b:if>

    <div class='postmetadata'>
    <span class='meta-cal'>
    <b:if cond='data:top.showTimestamp'>
    <data:top.timestampLabel/>
    <b:if cond='data:post.url'>
    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
    </b:if>
    </b:if>
    </span>
    <br/>
    <span class='meta-tag'>
    <b:if cond='data:post.labels'>
    <data:postLabelsLabel/>
    <b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
    </b:loop>
    </b:if>
    </span>
    </div>

    ResponderEliminar
  186. Perdón, 24 horas después de haber publicado el comentario recordé que no te respondí la otra pregunta :P
    Soy de México :)

    ResponderEliminar
  187. Buenas tardes Amigo Potro, he seguido los pasos tal cual fueron explicados cambie lo que me sugirio pero al parecer no ha funcionado.. puede ver los resultados en mi blog de pruebas: http://www.angel-vasquez.blogspot.com/

    Antes de la ultima modificacion con los ultimos codigos que usted me envio.
    Los titulos salian bien el mismo formato de fuente, color y tamaño (lo unico que no aparecia era el icono al lado del titulo como antes) http://angelvasquez-az.blogspot.com/


    Y con esta ultima modificacion que me sugirio el primer post luce como antes sin el icono* y los posts resumidos con doble icono y dobles etiquetas
    http://www.angel-vasquez.blogspot.com/


    ----------------------------------------------

    Ooorale que viva México :)
    Entre mis planes de vida tengo pensado visitar su pais por sus hermosas playas y sus comidas que son deliciosas!
    Cerca de mi trabajo hay un Pub/restaurant que se llama Chulos donde sirven comida mexicana siempre que voy a ese lugar no puedo irme sin antes comer unos tacos o al menos beber un par de buenos tequilas!! ;)

    ResponderEliminar
  188. Hola Maiki es...,

    Recuerda que el código que te mencioné que debes cambiar debe ser en el que has incluido para hacer el truco, no en el que tenías antes, porque esas partes que te he mencionado deben aparecer dos veces, una es la que muestra esos datos en el primer post, y la otra (que es la que ya tenías) es la del resto de las entradas. Si te aparecen duplicados esos datos entonces significa que lo has puesto en el segundo.

    Saludos y ojalá disfrutes de los tacos en México :)

    ResponderEliminar
  189. Amigo Potro es usted un maestro!!!! :) :) :)
    Ahora si me salio correctamente ;)
    http://angelvasquez-az.blogspot.com/

    da gusto conocer personas como usted que ayudan a su projimo desinteresadamente, eso habla muy bien de usted! Si alguna vez decide visitar mi Pais Perú pues solo escribame y encantado de la vida le envitare un par de tragos (claro solo si es mayor de 18 años xD ) Gracias por la ayuda, seguire viendo en su pagina que cosas puedo incluir a mi blog.


    Por cierto una ultima pregunta.................por hoy :)
    Existe alguna forma para poder eliminar las etiquetas de color rojo que aparecen al pie de mi primer post??? en mis posts aparecen las etiquetas debajo del titulo asi esta perfecto y ya no es necesario que aparezcan abajo.. (He visto que solo aparece en mi primer post)*

    Gracias otra vez y que tenga un buen dia

    Maiki

    ResponderEliminar
  190. oye felicidades por este nuevo año....y por una año mas de triunfos!!! de nuevo estoy por acá... resulta que en mi blog se habia kitado lo del leer mas no se o mas bien no me acuerdo cuando se lo kite...el caso es: ya lo puse de nuevo, pero como siempre me surgió algo! debajo del "Resumen" del post aparece esto:
    / hediv style='clear: both;' / > porke? como se lo kito? gracias.... bendiciones

    ResponderEliminar
  191. Angel,

    Claro, sólo busca en el código que has agregado esta parte y elimínala:

    <div class='post-footer-line post-footer-line-2'>
    <span class='post-labels'>
    <b:if cond='data:post.labels'>
    <data:postLabelsLabel/>
    <b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
    </b:loop>
    </b:if>
    </span>
    </div>

    Saludos y buen día igualmente ;)

    ResponderEliminar
  192. arguz67@gmail.com,

    Muchas gracias, feliz año igualmente :)
    Lo que sucede es que al agregar el primer código eliminaste sin querer una parte de la plantilla y al quedar incompleta se muestra ese texto.
    Para resolverlo busca el código que agregaste en lugar de <data:post.body/>
    Es decir, 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>
    </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>



    <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>


    Cerciórate que tengas lo que está en negrita, y si lo tienes incompleto o no lo tienes entonces agrégalo.
    Saludos!

    ResponderEliminar
  193. Amigo Potro muchas gracias, con su ayuda y los trucos de Ciudad Blogger mi pagina finalmente luce muy bien :)

    Que tenga una noche plasentera

    Saludos desde Lima-Peru

    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