Expandir post

24 de febrero de 2009 124 comentarios ,
Hace unos días estuve leyendo acerca de cómo poner la opción de leer más en un blog, y bueno, hice como veinte cambios y simplemente no quedaba. Luego me fijé que aunque se mostraba la opción, había posts que estaban tan cortos que no era necesario tener esa utilidad; hasta que me topé con un artículo de Deathly en el que nos daba una alternativa, expandir post. Esta me pareció perfecta, pues además de que me quedó a la primera resuelve el problema de que eliges en cada post si quieres que aparezca expandir el post o no.

Para hacerlo entra en Diseño | Edición de HTML y marca la casilla Expandir plantillas de artilugios. Pega el siguiente código antes de </head>

<script type='text/javascript'>
//<![CDATA[
// Expandir entradas
function toggleIt(id) {
post = document.getElementById(id);
if (post.style.display != 'none') {
post.style.display = 'none';
} else {
post.style.display = '';
}
}

function showFullPost(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost")
spans[i].style.display = 'inline';
if (spans[i].id == "readmore")
spans[i].style.display = 'none';
}
}

function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost")
spans[i].style.display = 'inline';
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}


function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost")
spans[i].style.display = 'none';
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost")
found = 1;
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}
//]]>
</script>


Ahora busca este código:
<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<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'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<div class='post-header'>
<div class='post-header-line-1'/>
</div>

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


Y reemplázalo por este:
<b:includable id='post' var='post'>
<div class='post hentry' expr:id='&quot;post-&quot; + data:post.id'>
<a expr:name='data:post.id'/>
<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'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<div class='post-header'>
<div class='post-header-line-1'/>
</div>

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='&quot;javascript:showFull(&quot;post-&quot; + data:post.id + &quot;&quot;);&quot;' href='javascript:void(0);'>Seguir leyendo [+]</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='&quot;javascript:hideFull(&quot;post-&quot; + data:post.id + &quot;&quot;);&quot;' href='javascript:void(0);'>Minimizar [-]</a></p>
</span>
<script type='text/javascript'>
checkFull(&quot;post-&quot; + &quot;<data:post.id/>&quot;);
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Guarda los cambios. Ahora cuando quieras que esta opción aparezca en un post sólo escribe lo que quieras que aparezca, y antes del texto que quieres que se oculte agrega esto:
<span id="fullpost">Aquí el texto que quieras ocultar</span>

Ver ejemplo aquí


124 comentarios en:

" Expandir post "

  1. YA LO HICE EN MI SITE Y QUEDO PERFECTO GRACIAS

    ResponderEliminar
  2. Hola RufflES,

    Qué bueno que te ha quedado.
    Saludos.

    ResponderEliminar
  3. Hola amigo:
    Con tu ayuda he ido haciendo cada día mas atractivo mi Blog, muchas gracias, pero ahora me gustaría que me ayudaras como expandir no los posts, sino los gatgets, si ves por ejemplo en mi blog: http://mundoporlibre.com
    el apartado de "Gente Viajera" quisiera reducir la lista de links y poner debajo un botón "Mas viajeros" que expandiera el listado, el mismo gaget de google pone como opción reducir el número, pero luego no se abre para que aparezcan los restantes links.
    Perdona las molestias, gracias.
    Saludos, Ricardo

    ResponderEliminar
  4. Hola Ricardo Ribalda,
    No es ninguna molestia, en un momento más te mando por correo las indicaciones para hacerlo porque es un poco largo para explicártelo por acá.
    Saludos.

    ResponderEliminar
  5. Muchas gracias. Así da gusto con personas tan amables y altruistas como tú.
    Saludos

    ResponderEliminar
  6. Hola amigo lo hice pero dice que el codigo html da erro disculpa mi ignorancia. Muy bueno tu Blog Saludos Dr Page

    ResponderEliminar
  7. Hola Dr. Víctor,
    Gracias por tus comentarios.
    ¿Qué error te marca?

    ResponderEliminar
  8. Dr. Víctor,
    Ignoro cuál sea el problema, yo he usado este mismo código en un blog de pruebas y no he tenido inconveniente.

    ResponderEliminar
  9. Amiga que pena contigo pero cuando sustituyo y le doy vista previa me da este mensaje. No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: The element type "b:includable" must be terminated by the matching end-tag "".

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

    ResponderEliminar
  11. Amigo ahora si la puse me salio pero se ven los post repetidos, dale un vistazo para que vea y discúlpame amigo, yo te enseño hacer una cesárea, Gracias

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

    ResponderEliminar
  13. Amigo ahora si estoy en candela se lo quite y sigue duplicando los post. Estoy preocupado ya te mande código. Saludos

    ResponderEliminar
  14. No te preocupes que ahora vemos cómo solucionarlo, ya estoy viendo el correo.
    Saludos.

    ResponderEliminar
  15. Tengo el "leer más" que vuelve a cargar la página, qué tengo que modificar para poder expandirlo? Gracias por tu tiempo. Un saludo.

    ResponderEliminar
  16. Hola Rábago,
    Puedes cambiarlo por este que explico en este post, este truco expande el resto de la entrada sin cargarla de nuevo.
    Saludos.

    ResponderEliminar
  17. Oie amigo me gustaria que me echaras una mano No c q paso pero ahora me sale la misma post 2 veces es decir en todas me sale la opciopn de leer mas pero la entrada se me repite 2 veces que ago?

    ResponderEliminar
  18. Hola unrealmat,

    Entré a tu blog pero lo veo todo normal, parace que ya quitaste el código de Leer más.

    Si quieres haz un respaldo de tu plantilla y mándamela a ciudadblogger@msn.com para que vea qué sucede al hacer el truco.

    Saludos.

    ResponderEliminar
  19. Su Bueno, esque tengo un blog de puebaz y eso Sucedio pero alomejor se mezclo con Otro Truco y me cinfundi pero Bueno gracias por preocuparte por tu cominidad...
    y al respecto si se me duplicaron las entradas en el "BLOG DE PREUBAZ"
    Grtacias

    ResponderEliminar
  20. Ok, si tienes problemas me dices, generalmente eso sucede cuando se coloca el código en un lugar distinto, sólo es cuestión de revisar bien dónde se coloca.

    Saludos.

    ResponderEliminar
  21. Hola potro...una pregunta ... yo he cambiado de plantilla y en los post de esta plantilla me sale '' Read rest of entry''
    en vez que me salga seguir leyendo...
    Sabes como ponerle seguir leyendo?

    ResponderEliminar
  22. Con la casilla marcada de Expandir artilugios busca donde diga "Read rest of entry" y cámbialo por el texto que quieras.

    Saludos.

    ResponderEliminar
  23. Muchas gracias potro ...!!!!

    saludos

    ResponderEliminar
  24. Felicitaciones por el maravilloso blog!!

    Apliqué los scripts para usar la función 'seguir leyendo' y funciona con el texto, pero los videos u hojas de texto de scribd que incrusté entre líneas del mismos no se ocultan, cómo puedo resolverlo?.

    Gracias

    ResponderEliminar
  25. Hola Favio Vega Galdós,

    Revisa que tanto los videos como las hojas de scribd estén dentro de <span id="fullpost"> y </span>
    No deberías tener problema para ocultar esos archivos, en este post de prueba he puesto dos archivos tuyos, un video y una hoja scribd y ambas se ocultan sin ningún problema.

    Saludos.

    ResponderEliminar
  26. Potro hola como te decia hace un tiempo en los otros comentarios e cambiado de plantilla.quisiera preguntarte que en vez que diga seguir leyendo salga una imagen como en ''Respondones''

    ResponderEliminar
  27. Hola HP muggle,

    Sólo debes buscar en el código donde dice Seguir leyendo [+] y poner en su lugar esto:
    <img src='URL de la imagen'/>

    Luego busca más abajo donde dice Minimizar [-] y haz lo mismo.

    Saludos.

    ResponderEliminar
  28. Potro grande compadre he incluido varios de tus aportes en mi Blogg.
    Esta utilidad la he visto en varios lugares pero ninguna me resultaba como el tuyo....Pero tengo un drama como hago para que mis post anteriores les aparezca el sigua leyendo...he editado post por post agregando """ < span id="fullpost" > al comienzo de los textos y al final < /span >""" pero no se produce el efecto si no que se mantiene el texto completo con la frase final Sigue Leyendo...(+)

    ResponderEliminar
  29. Hola RonnyTemxcano,

    El truco funciona tanto para entradas nuevas como post antiguos, el problema principal es que a veces no ponemos bien el <span id="fullpost"> y el cierre </span> tienes que fijarte que no interfiera en una etiqueta <div> o cualquier otra, pues si interfiere sucederá lo que dices, aparecerá el texto Seguir leyendo pero no tendrá el efecto.
    La primera vez que yo lo hice tuve el mismo problema que tú, y estuve horas tratando de ver por qué no funcionaba en algunos post, pero la razón era esa, revisa bien dónde pones las etiquetas, haz cambios, y verás que funcionará.

    Saludos.

    ResponderEliminar
  30. hola potro ahora yo por aki ajaja ,,imaginate ke esto era lo ke buskaba.. una forma de kolokar el seguir leyendo.. pero tengo problemas lo he hecho de muchas maneras posibles y no lo logro... la ultima ke probe fue la konvencional haciendolo kon la nueva opcion ke blogger por si solo lo hace en el editor de entradas pero tampoko..podiras ayudarme.. gracias y un abraso desde colombia

    ResponderEliminar
  31. Hola KIKE♎

    Entra a Diseño > Edición de HTML, marca la casilla Expandir artilugios y busca esta línea:
    <DIV class='post-footer'>

    Justo arriba de ella pega esto:
    <b:if cond='data:post.hasJumpLink'>
    <div class='jump-link'>
    <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
    </div>
    </b:if>

    Ahora cuando escribas tu entrada pon <!-- more --> al inicio del párrafo que deseas ocultar.

    Saludos.

    ResponderEliminar
  32. Tenía "Leer más" pero no podía contraerlo una vez que lo expandía. Apliqué este tip y va de lujo! Gracias!

    ResponderEliminar
  33. Hola la vida Linux,

    Quizá algún código estaba fallando, pero bueno, qué mejor que este te dé mejores resultados.

    Saludos.

    ResponderEliminar
  34. potrooo eres un master. oyeme me funciono de maravilla.. solo hay un pekeñisimo problema potro y es ke kuando le pongo el "continua leyendo" no me sale al final del texto komo kisiera en el post si no ke me sale debajo de las estrellitas mejor dicho me lo koloka bien al final del post.. podrias ayudarme.. ya ke lo ideal seria ke kedara apenas akavara el texto.. muchas grcias por todo me has ayudado bastante

    ResponderEliminar
  35. Hola KIKE♎

    Lamentablemente el script de las estrellitas es el que pone el widget en ese lugar y ese script no veo cómo modificarlo :(

    Saludos.

    ResponderEliminar
  36. bueno potro pues tienes toda la razon es ese scrip de outbrain ke no dejaba kolokar el seguir leyendo donde deberia estar asi ke pienso ke es mas importante el ocntinuar leyendo ya ke hace mas libiana la pagina principal.. ke las estrellitas igual si pueden indikarme otra manera de poner un rating al final de kada post sin ke se me modifike el seguir leyendo te lo agradeceria de nuevo muchas gracias y seguire en kontacnto un abraso

    ResponderEliminar
  37. Hola KIKE♎

    Te dejo un enlace para que veas las distintas opciones que hay para poner la calificación de estrellas:
    http://ciudadblogger.com/2009/03/permite-que-califiquen-tus-entradas.html

    Saludos.

    ResponderEliminar
  38. Excelente truco amigo me ba muy bien
    pero quería saber si este truco no se puede unir a el Leer MAs de Blogger que te da un code automático con solo ase click a a el botón ya sabes la nueva edición de Blogger
    Por que cada bes que poco el spans id=fullpost y spans que tengo un estilo dentro de este como Span para colores este se me confunde con el el de FULLPOST y me genera muchos spans id=fullpost" y spans y no es muy Agradable por que la entrada no queda muy Dinámicas
    Bueno si me tiene alguna respuesta o Consejo se lo agradecería

    ResponderEliminar
  39. Hola Admin,

    Lamentablemente no, como bien lo has dicho la nueva característica de Leer más es automática y proporcionada por Blogger; éste por su parte es un hack que manipula los códigos pero no controla formas automatizadas como lo hace Blogger.

    Saludos.

    ResponderEliminar
  40. Bueno Mucha Gracia El Potro
    Por su atenciones..:P

    ResponderEliminar
  41. por qué no me funciona mas este truquito, si hace mucho que lo tengo y siempre me anduvo?
    fijate:www.mundodeportesxxi.blogspot.com

    ResponderEliminar
  42. Hola jonathan pucheta,

    El hosting donde tengo alojado el script que hace que funcione ha estado fallando hoy, te recomiendo que lo subas a tu propio hosting para que siga funcionando.

    Saludos.

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

    ResponderEliminar
  44. EXCELENTE!!!!! Te agradezco de corazón... estuve un rato para hacerlo funcionar pero por errores mio... MUCHAS GRACIAS

    ResponderEliminar
  45. Qué bueno que ya está funcionando ;)
    Saludos.

    ResponderEliminar
  46. Holas se que el tema ya tiene su tiempo y alo mejro mi pregunta no va aqui pero espero me puedas ayudar, loq eu sucede es q se me repiten las entradas(post) en mi blog, por cada etiqueta que le pongo se repite, es decir si le pongo uan etiqueta sale una vez y si le pongo 5 etiquetas se ven 5 entradas iguales en mi blog, como puedo solucionarlo? o que parte de la plantilla se encarag de eso. Desde ya muchas gracias amio Potro por estos aportazos

    ResponderEliminar
  47. Hola Katsuro - producciones,

    Hay que fijarse que el código que se sustituye sea exactamente el mismo, de lo contrario puede suceder ese problema ya que algunas plantillas no tienen los códigos como deberían.

    Saludos.

    ResponderEliminar
  48. Gracias, me doy cuenta que me estoy volviendo adicto a esta pagina, jeje tienes muchos trucos y herramientas q sirven a perosnas como yo que quieren tener un bonito blog. Gracias Potro
    Saludos

    ResponderEliminar
  49. Gracias a ti, qué gusto saber que la información de aquí te es de utilidad.
    Saludos!

    ResponderEliminar
  50. Muchas gracias por el tip, la opción que estaba usando dejo de funcionar y la reemplazé por la tuya. Ahora anda perfecto. Muchas gracias.

    ResponderEliminar
  51. Me alegro que esta te funcione sin problemas.
    Saludos.

    ResponderEliminar
  52. jejeje si me hubiera encontrado esta pagina desde el principio.. Excelentes tutoriales amigo..

    ResponderEliminar
  53. Pero nunca es tarde, así que eres bienvenido las veces que sean :)

    ResponderEliminar
  54. hola potro,no se si te acordaras que me respondiste en el otro tema de "leer mas"

    pues es que a mi ese texto no me aparece,me aparece pero hasta que dice "h3"
    a mi eso de h3 no me sale...
    me sale h2 y todo diferente apartir de ahi, y si lo reemplazo por el h2 no funciona xS que hago?

    ResponderEliminar
  55. No sabría decirte si funcionará o no, el hack está pensando y basado para que trabaje en plantillas completas y estándar.
    Puedes intentarlo basándote en la primera y última línea del primer código pero recuerda hacer un respaldo de la plantilla por si no saliera bien.

    ResponderEliminar
  56. no,pero eso es precisamente lo que eh hecho...y no me funciona =(
    oye no me puedes agregar al msn o algo? =S
    asi te explico mejor,soy muy torpe para explicar

    troyano_l2@hotmail.com

    ResponderEliminar
  57. Casi no entro al MSN (ciudadblogger@msn.com) es más seguro que te responda por acá.
    También puedes intentar con este otro método.

    ResponderEliminar
  58. HAY ALGUNA MANERA DE K NO APAREZCA EN TODAS LAS ENTRADAS MAS QUE SOLO EN LAS QUE QUIERA.
    GRACIAS MAJO

    ResponderEliminar
  59. Claro, es por eso que a lo último dice que cuando se quiera usar se use el último código, cuando no lo desees usar no lo pones y la entrada aparecerá completa.

    ResponderEliminar
  60. no me aparece uno de los codigos cuando lo busco, porque puede seR?

    ResponderEliminar
  61. Quizá tu plantilla está muy modificada. Te recomiendo que uses mejor la opción de Leer más automático.

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

    ResponderEliminar
  63. Hola Potro,

    He probado el código en mi blog http://docencia.ricardobaena.eu/ y algo falla. A ver si me puedes echar una mano.

    Gracias!

    ResponderEliminar
  64. Ya lo he solucionado yo mismo. :)))

    ResponderEliminar
  65. potro y se puede aplicar a las imágenes?

    ResponderEliminar
  66. potro no entendi al final lo de <span id=fullpost, me salen muchas de esas, no se cual escoger

    ResponderEliminar
  67. El texto que quieras que este oculto antes de expandirse debe ir entre esas etiquetas.

    ResponderEliminar
  68. NO ME FUNCIONA Y NO SE QUE ES LO QUE HE HECHO MAL...
    Yo pongo eso en el HTML y luego hago una entrada, cuando ya la hice quiero ocultar una parte, la pongo entre lo de span y eso pero se sigue viendo =(
    MIra la entrada, yo kiero que se vea lo de "Ver emotiis" en lugar de Leer más, y quiero que no se vea todo lo siguiente.
    http://estelapuk.blogspot.com

    ResponderEliminar
  69. Ya lo conseguiii! NO hase falta, modifike el HTML y puse otra cosa

    ResponderEliminar
  70. Qué bueno que ya lo has resuelto :)

    ResponderEliminar
  71. Muchas gracias por este truco! Llevo varias horas buscando una forma de expandir posts que me funcione y esta es la única que me sirvió. La razón es que tengo incorporado el script de los tooltips —que saqué de esta estupenda web :) — y tenía problemas de incompatibilidades entre scripts (solo me funcionaba uno de los dos). Un saludo y gracias por hacer la mejor web de blogger en castellano de toda la red :)

    ResponderEliminar
  72. Esa es la ventaja de este método, que sin importar si usamos jQuery o Scriptaculous seguirá funcionando.

    Un saludo y gracias por tu amable comentario.

    ResponderEliminar
  73. Bueno. primero quiero darle las gracias a todas la ayudas y herramientas que comparte.
    Ahora le comento que no he podido con este codigo, resulta que me aparece: No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: The element type "b:includable" must be terminated by the matching end-tag "". el codigo que tenemos que remplazar no me sale todo como esta y utilizo jquey. estaré pendiente de la ayuda.

    ResponderEliminar
  74. Hola Johangps,

    El problema no es con jQuery sino en el lugar donde has colocado los códigos.
    Revisa de nuevo el código de ejemplo para que te cerciores que sólo estás eliminando lo que se indica.

    Saludos.

    ResponderEliminar
  75. Cordial saludo potro. Resulta que el código que debemos remplazar yo lo tengo diferente al que debería estar nose porque.
    http://easycaptures.com/fs/uploaded/345/1855658238.png
    por este que ud coloco
    http://easycaptures.com/fs/uploaded/345/6820780765.png
    por eso al momento de remplazar el codigo y darle aplicar cambios me sale un error. Gracias

    ResponderEliminar
  76. Hola Johangps,

    Por el mensaje de error que mencionabas en el otro comentario y por la parte que has seleccionado en la imagen de ejemplo parece que el error podría estar en que también estás eliminando el </b:includable> que aparece en tu imagen de ejemplo.
    Esa línea no debe eliminarse y muy probablemente es por eso que en el error te dice que el elemento "b:includable" no está cerrado.

    Intenta hacerlo de nuevo verificando que no elimines esa línea. Si continua mostrándote un error dime en cuál blog lo quieres poner para echarle una mirada al código.

    Saludos.

    ResponderEliminar
  77. Encontré otra publicación suya y me gusto mas, me funciono de una Gracias por su tiempo y ayuda.

    ResponderEliminar
  78. Gracias a ti por tu visita y qué bueno que encontraste la solución más adecuada :)

    ResponderEliminar
  79. no es esto lo que buscaba, o no creo que sea esto.
    lo que me gustaria hacer es que en una pagina estatica determinada, salieran unos post determinados pero resumidos.
    gracias de todos modos.
    un saludo!

    ResponderEliminar
  80. En las páginas estáticas no se puede agregar entradas, sólo se puede añadir el contenido de la página.
    Saludos.

    ResponderEliminar
  81. yo hace tiempo que tengo un código que supongo que es bastante parecido al vuestro, que me ha funcionado perfectamente para expandir las entradas:


    -div class='post-body' expr:id='"post-" + data:post.id'-
    -b:if cond='data:blog.pageType == "item"'-
    -data:post.body/-
    -b:else/-
    -style-#fullpost {display:none;}-/style-
    -p--data:post.body/--/p-
    -span id='showlink'-
    -p--a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'--span style='font-size: 75%;color: #666666;'-read more . expandir-/span--/a--/p-
    -/span-
    -span id='hidelink' style='display:none'-
    -p--a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'--span style='font-size: 75%;color: #666666;'-summary only . resumen -/span--/a--div--span style='font-size: 75%;color: #999999;'--b-
    click images to enlarge . pulsar para ampliar imágenes-/b--/span--/div--/p-
    -/span-
    -script type='text/javascript'-checkFull("post-" + "-data:post.id/-")-/script-
    -/b:if-

    pero ahora me gustaría que al pulsar leer más recargase la página, en lugar de desplegar el resto de la entrada. si utilizase el break del editor de blogger no podría definir el texto y el tipo de letra del leer más. y me gustaría conservar los que tengo.

    ¿alguien tiene idea sobre cómo debería hacerlo?

    ResponderEliminar
  82. Usando el Leer más de Blogger sí puedes personalizar ese texto. Pero con el método que usas o con este mismo no podrás recargar la página, sólo expanden las entradas.

    ResponderEliminar
  83. ah, gracias. cuando tenga un poco de tiempo, miraré lo que dices, que probablemente es lo que estaba buscando.

    había hecho una prueba rápida con el more y me desaparecía el texto para desplegar, quizás porque el script de fullpost todavía estaba. y en un blog secundario tengo el desplegable de blogger y funciona como quiero -abriendo la entrada, o sea, recargando- así que dándole unas vueltas quizá logre lo que busco.

    si no lo consigo volveré a pedir ayuda.

    muchas gracias.

    ResponderEliminar
  84. he usado el Leer más de Blogger y funciona correctamente -se muestra sólo lo anterior al break- pero en la entrada me desaparece el texto Leer más. Para leer la entrada hay que pulsar sobre el título. No se si porque entra en conflicto con el script full-text de la plantilla en CSS o por otro motivo.

    ¿tienes idea a qué se puede deber?

    ResponderEliminar
  85. No debe generar conflicto al menos con el uso de este script, es decir que puedes usar tanto este script para expandir entradas y el Leer más de Blogger al mismo tiempo (claro, pero no en la misma entrada).
    Quizá falta algún código en tu plantilla. Verifica que antes de esta línea:

    <div class='post-footer'>

    Tengas esto:
    <b:if cond='data:post.hasJumpLink'>
    <div class='jump-link'>
    <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
    </div>
    </b:if>

    Si no lo tuvieras agrégalo y verifica si así regresa el texto 'Leer más' en la portada del blog.

    ResponderEliminar
  86. he hecho una prueba rápida y parece ser eso.
    lo debí borrar cuando estaba introduciendo los iconos de blogthis.

    me lo miro con más calma y te aviso si siguiese habiendo problemas.

    ¡muchas gracias como siempre!

    ResponderEliminar
  87. ha funcionado todo perfecto. ¡muchas gracias!

    ResponderEliminar
  88. POTRO HEEEEEEELP!!!! Instalé todo tal cual y ahora se me repiten los post debajo de linkwithin!!! ES UNA TRAGEDIA!!!! Ya volvía la configuración original pero me sigue apareciendo la repetición del post!!!! AYUDAAAAAAAAAAAAAAA!!!!!! :s

    ResponderEliminar
  89. De tonta no guardé una copia de la plantilla anterior.
    1)Primero seguí todos los pasos e instalé todo tal como está explicado en el post.
    2) Abri el windows live writer y donde queria que se ocultara aplique "clear break". Lo publique
    3) DESASTRE TOTAL EN TODOS LOS POSTS
    4) Volvi a HTML borré el script y copié la forma anterior del código que está acá en tu página.
    5) Guardé la plantilla.
    6) DESASTRE TOTAL IGUAL!!!

    Ahora estoy perdidísima con en arreglo porque no se ni por donde empezar! Te suplico una ayuda!!!

    Gracias Potris! Besos

    ResponderEliminar
  90. Tranquila, veremos qué se puede hacer ;)
    Envíame tu plantilla a través del formulario de contacto que se encuentra en el menú superior, de esta forma podré ver los códigos que has añadido y así detectar dónde está el problema.
    No prometo responderte de inmediato porque ahora mismo voy de salida con la familia, pero en un rato más que llegue a casa lo reviso y te respondo.

    ¡Besos!

    ResponderEliminar
  91. Potro GRACIAS! Te mando ahora toda la plantilla. Que disfrutes mucho el paseo con la familia y gracias de todo corazón por la ayuda! SOS MI HEROE!!! ;) Besotes!!!

    ResponderEliminar
  92. Gracias Macarena, otro beso para ti!

    ResponderEliminar
  93. potro a mi no me sale esa etiketa no la encuentro
    incudable id= post etc toda esa no la encuentro sera porque en mi blogger ya tengo esa opcion pero esta en ingles y dice read more en mis posts quisiera saber como puedo cambiarla a español y poner leer mas o seguir leendo ojala me puedas ayudar mi blogger es www.perumundotv.com

    ResponderEliminar
  94. Expande los artilugios, busca el texto Read more y cámbialo por el que quieras.

    ResponderEliminar
  95. Este comentario ha sido eliminado por un administrador del blog.

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

    ResponderEliminar
  97. Tengo problemas, el 2º codigo, el que dices que busquemos y que lo reemplazemos por otro, nome aprece simplemente, solo la primera linea,pero el resto no.

    ResponderEliminar
  98. Ubica la primera línea, y luego ubica la parte final:
    <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

    Elimina todo eso, pero recuerda antes hacer un respaldo de la plantilla por si las cosas no salieran bien.
    O si lo prefieres, el Leer más automático te será más sencillo de aplicar.

    ResponderEliminar
  99. Hola amigo, de antemano muy buen post, pero tengo un problema mira este es mi blog http://learnthecode4.blogspot.com/, en la entrada mas reciente es donde lo quise aplicar pero mira lo que sucede me corta la publicacion como yo lo configure con la etiqeta "span" pero no me muestra una forma de expandirla , espero me puedas apoyar

    Saludos

    ResponderEliminar
  100. Hola Markus,

    Quizá es porque ya es algo antiguo este código. Prueba cambiar esto:
    <b:includable id='post' var='post'>
    <div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
    <h3 class='post-title'>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </h3>
    </b:if>
    <div class='post-header-line-1'/>
    <div class='post-body'>
    <b:if cond='data:blog.pageType == "item"'>
    <p><data:post.body/></p>
    <b:else/>
    <style>#fullpost {display:none;}</style>
    <p><data:post.body/></p>
    <span id='showlink'>
    <p><a href='javascript:void(0);' expr:onclick='"javascript:showFull("post-" + data:post.id + "");"'>Seguir leyendo [+]</a></p>
    </span>
    <span id='hidelink' style='display:none'>
    <p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull("post-" + data:post.id + "");"'>Minimizar [-]</a></p>
    </span>
    <script type='text/javascript'>
    checkFull("post-" + "<data:post.id/>");
    </script>
    </b:if>
    <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>


    Por esto:
    <b:includable id='post' var='post'>
    <div class='post hentry' expr:id='&quot;post-&quot; + data:post.id'>
    <a expr:name='data:post.id'/>
    <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'>
    <b:if cond='data:blog.url != data:post.url'>
    <a expr:href='data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h3>
    </b:if>

    <div class='post-header'>
    <div class='post-header-line-1'/>
    </div>

    <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <p><data:post.body/></p>
    <b:else/>
    <style>#fullpost {display:none;}</style>
    <p><data:post.body/></p>
    <span id='showlink'>
    <p><a expr:onclick='&quot;javascript:showFull(&quot;post-&quot; + data:post.id + &quot;&quot;);&quot;' href='javascript:void(0);'>Seguir leyendo [+]</a></p>
    </span>
    <span id='hidelink' style='display:none'>
    <p><a expr:onclick='&quot;javascript:hideFull(&quot;post-&quot; + data:post.id + &quot;&quot;);&quot;' href='javascript:void(0);'>Minimizar [-]</a></p>
    </span>
    <script type='text/javascript'>
    checkFull(&quot;post-&quot; + &quot;<data:post.id/>&quot;);
    </script>
    </b:if>
    <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

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

    ResponderEliminar
  102. Hola Potro,

    Te había dejado un comentario para ver si me ayudabas a añadir la función "leer más" y gracias nuevamente a tu post lo he conseguido, muchas gracias !!
    Por favor, te quería preguntar ¿ es posible añadir más entradas a la página principal ?, de momento sólo se ven 4, he ido a configuración, formato y mostrar un máximo de, pero no consigo que se vean más entradas. ¿ puedes echarme una mano ?

    Muy agradecido. Un abrazo.

    ResponderEliminar
    Respuestas
    1. Hola victor, eso es por la velocidad de carga del blog, cuando se pone lenta (según Google) muestra menos entradas:
      http://ciudadblogger.com/2011/06/cuando-en-el-blog-aparecen-menos.html

      Eliminar
  103. si hago esto me borra todas entradas =_______________=

    ResponderEliminar
    Respuestas
    1. Entonces los códigos no están colocados correctamente.

      Eliminar
  104. Oye me preguntaba como hacer ese sistema de puntos que esta en la demostración del codigo, en este: ciudadbloggerbeta.blogspot.com

    ResponderEliminar
  105. Mira esta entrada, aquí está la información:
    http://ciudadblogger.com/2009/03/permite-que-califiquen-tus-entradas.html

    ResponderEliminar
  106. Saludos Potro, otra vez estoy acá molestándote. Pasa que en mi blog todo andaba bien y no sé por qué ahora, en las páginas estáticas, el contenido se me duplica dentro de la misma página. No tengo ni idea de que puede andar mal, si pudieras darle un vistazo a la plantilla e iluminarme te lo agradecería muchísimo.

    El blog es este
    http://info4m3r1c4.blogspot.com/

    Saludos

    ResponderEliminar
    Respuestas
    1. Hola, supongo que ya lo has resuelto porque no veo duplicadas ni las entradas ni las páginas.
      Saludos.

      Eliminar
  107. disculpa Potro. Ayer tuve el problema y entré en pánico, me paré despertando de madrugada a revisar y encontré un trozo de un código de prueba que no quité y era el que daba problema.

    Gracias de nuevo, sin trabajo como el que hacés en el blog no me hubiera animado a revisar línea por línea ese blog.

    ResponderEliminar
  108. Llevo dias y dias intentando poner leer mas en mi blog, perro no se porque no funciona.
    He mirado todo tipop de trucos en la red pero no encuentro la solución. La plantilla que utilizo es: Fantástico, S.A.
    Al publicar no aparece nada
    Hay alguien que sepa cual es el problema.
    Gracias

    ResponderEliminar
    Respuestas
    1. Hola OSANESAN, usas una plantilla original de Blogger por lo que casi todo lo que hay en la red sobre trucos debería funcionar a menos que no lo estés colocando correctamente.
      Este es un sistema que a todo mundo funciona, no sé si ya lo hayas probado:
      http://ciudadblogger.com/2010/03/leer-mas-automatico-con-imagenes-en.html

      Eliminar
  109. Buenos dias potro gracias por tus aporte son muy explicativos, te comento oculte los gadget de las entradas y por eso quiero que ahora solo las entradas ocupen el ancho del blog ya q como no tengo gadget alli hacer eso me puedees decir a donde recurrir gracias

    ResponderEliminar
    Respuestas
    1. Hola, haz algo como esto pero con la condicional que aplica a las entradas y no a las páginas:
      http://ciudadblogger.com/2010/02/ocultar-sidebar-en-las-paginas.html
      http://ciudadblogger.com/2010/10/ocultar-sidebar-en-las-paginas.html

      Eliminar

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

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

 
Ir Arriba Ir Abajo
I Ciudad Blogger