Post en forma de sumarios (leer más) en dos pasos | Oloblogger Acabo de encontrar este SCRIPT en Quite Random y es sencillamente... cómo decirlo: ¡sencillo! Allí citan que el creador es BloggerSphera ....

13 de junio de 2009

Post en forma de sumarios (leer más) en dos pasos

Acabo de encontrar este SCRIPT en Quite Random y es sencillamente... cómo decirlo: ¡sencillo! Allí citan que el creador es BloggerSphera.

Sólo con dos cambios, podemos conseguir un blog estilo magazine. Incluye unos sumarios de las entradas e incorpora una imagen si el post tiene alguna. Por supuesto, incluye el consabido "leer más" y lo que es mejor, sin necesidad de incluir nada especial al crear tus entradas. Oséase... automático. Además, como no es muy largo se puede insertar directamente en la plantilla para no depender de servicios de almacenaje externos.

Quizás el único fallo es que necesita escalar la imagen para que todas se vean igualitas, en lugar de recortarlas que quizás sería lo óptimo. No obstante, el resultado me ha parecido muy bueno.

Y sin más preámbulo, el montaje del sistema:

Paso 1. Localizar el </head> y justo antes insertar este código que incluye el estilo y el SCRIPT.

<!-- SUMARIOS AUTOMATICOS -->
<style type='text/css'>
.leermas {
}
.post-thumbnail {
float:right;
margin:0px 0 10px 10px;
}
.centrar-imagen {
display:block;
text-align:center;
margin:0px auto;
}
</style>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1) {
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = sumario_noimg;
if(img.length>=1) {
if(thumbnail_float) {
imgtag = '<img src="'+img[0].src+'" class="post-thumbnail" width="'+img_thumb_width+'" height="'+img_thumb_height+'" alt=""/>';
summ = sumario_img;
}
else {
imgtag = '<img class="centrar-imagen" style="width:'+img_thumb_width+'px; height:'+img_thumb_height+'px;" src="'+img[0].src+'" alt=""/></div>';
summ = summary_img;
}
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}

var thumbnail_float = true;
sumario_noimg = 340;
sumario_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
//]]>
</script>

Paso 2. Busca la línea <p><data:post.body/></p> y la sustituyes por esto otro.

<b:if cond='data:blog.pageType != &quot;item&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>
<a class='leermas' expr:href='data:post.url'>Leer más &#187;</a>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>

Puedes ver el resultado con Vista Previa y si te gusta, guardarlo.

Con esto ya tienes algo bastante majo, pero puedes personalizarlo un poco con las clases que se nombran en primer lugar y con los últimos parámetros del código del SCRIPT:

  • .leermas: Aspecto del enlace, como color, tamaño, tipo de letra fondo. También se puede añadir un HOVER.
  • .post-thumbnail: Tal como está, la imagen flota a la derecha. Se puede cambiar a la izquierda.
  • .centrar-imagen: Esta clase se usa cuando se escoge (más adelante) que la imagen no flote. En ese caso, la centra.
  • var thumbnail_float: Valor TRUE para que flote. FALSE para que se centre encima del texto del sumario.
  • sumario_noimg: Número de caracteres a mostrar para post sin imágenes.
  • sumario_img: Idem para post con imágenes. Normalmente menor que en el anterior caso para que ocupen más o menos lo mismo.
  • img_thumb_height: Altura de la imagen miniatura en pixels.
  • img_thumb_width: Anchura de la imagen miniatura en pixels.
Colocando imágenes alargadas tipo banner al principio de los posts, puede resultar muy interesante poner la variable var thumbnail_float con el valor FALSE y un ancho grande (por ejemplo 400x90px), para que simule cabecera de post.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

249 comentarios :

  1. Esta genial!!!!! Vamos a ver si me sale y te cuento!!!!
    No entiendo bien donde queda ese lugar para incoprporarlo, pero voy a buscar en el codigo a ver si lo encuentro
    Saludos!!

    ResponderEliminar
  2. A mi se me ven 2 imagenes en lugar de una :C

    ResponderEliminar
  3. Monoblock: Perfil no habilitado + ninguna referencia a tu web = imposible ver el problema

    ResponderEliminar
  4. Hola oloman!! en tu post anterior yo te avia hecho una consulta que era si me podias ayudar porque en vez de la fecha en mi plantilla me aparecía ''Undefined'' y no se porque!!!

    y esta plantilla que pusiste es la mia pero no se si esta informacion , que creo que debe ser muy util, me pueda ayadar a mi con el problema que tengo.....

    ¿?¿?¿?¿?¿?¿?¿?¿?¿?¿?¿?¿?¿?

    Muchas Gracias =...!!!

    http://sonohraa.blogspot.com/
    http://sonohraa.blogspot.com/
    http://sonohraa.blogspot.com/

    Besos!

    ,,Lore

    ResponderEliminar
  5. Ninguna pista para encontrar esta linea, la de data: post. body.
    Marrrrdita linea, en ninguno de mis dos blogs la encuentro.
    Me rindo...
    Salut.

    ResponderEliminar
  6. Sonohra, mañana tienes un post para poderlo arreglar.

    Gildo, para buscar eso tienes que tener pinchado "Expandir plantillas de artilugios" y es casi imposible que no lo tengas.

    ResponderEliminar
  7. Muchas gracias Oloman!!!!!!
    que atento!!!!

    ... los voy a estar esperando!!

    gracias y más gracias!!!!

    ,, Lore

    ResponderEliminar
  8. Hola querido amigo! primero de todo felicitarte por el cambio de plantilla, me encanta! se ve todo mucho más claro y sencillo.
    Con respecto a este post más felicidades ya que es de lo mejor que he encontrado, sencillo y funciona a la perfección.
    Ahora te comento algo, he intentado ponerlo en Conectablog y me encuentro con un problemilla, y es que me modifica la fuente que uso para el blog, tanto en los post, sidebar, footer, etc...
    Me sabrías decir que tengo que hacer para que eso no ocurra?

    Un abrazo!

    ResponderEliminar
  9. Tendría que verlo para hacerme una idea Malina, porque en un principio no debería cambiar nada.

    La prueba la tienes en este blog, que tiene una plantilla algo complicada con muchos estilos y sin embargo no me dió problemas.

    ResponderEliminar
  10. Oloman, lo he puesto en http://conectablog4.blogspot.com que es una copia de pruebas http://conectablog.blogspot.com para que veas la diferencia, no se si cambia la familia de la fuente pero si cambia el tamaño de la fuente de "todo el blog".

    ResponderEliminar
  11. Malina... no aprecio cambio alguno. Lo he visto en IE y en FF y a mi me parece el mismo tipo y tamaño de letra.

    No sé, haz una captura de cada para que lo vea, porque en mis navegadores se ven igual los posts completos que los resumidos.

    ResponderEliminar
  12. me rindo , intente hacerlo en mi blog y no pude, me parece genial la idea , muy buen post eh!

    Quizas puedas decirme si algo anda mal en mi blog.. un saludo

    www.astaroth-thehistoryend.blogspot.com

    ResponderEliminar
  13. Oloman no se trata de que se vean diferentes los post completos o resumidos, se trata de que al poner el script el blog completo cambia el tamaño de la fuente. Para ver la diferencia sería comprobar el blog de conectablog con el de conectablog4, supongo que verás la fuente más pequeña tanto en el post como en la sidebar o el footer

    ResponderEliminar
  14. Luis Jesús, ¿qué síntomas tenía la criatura cuando lo intentaste?

    ResponderEliminar
  15. Muchas Gracias tio, increible tu blog. Ya he colocado estos codigos en mi blog y queda de PM.

    Podeis verlo en www.rosper.tk

    ResponderEliminar
  16. criatura ? , bueno no se a que te refieres ^^ sorry!, la idea es que acepta el código con la plantilla expandida pero no genera ningún cambio en el blog :S

    ResponderEliminar
  17. Con "criatura", me referia a tu blog ;)

    Por lo que he visto, actualmente no tienes incorporado el código a tu blog. Como no hace nada, instálalo y me avisas que le eche un vistazo, a ver si pillo que es lo que falla.

    ResponderEliminar
  18. Oloman no has podido aún ver porque me ocurre lo de la fuente? como te comenté en los anteriores codigos el código lo he puesto en http://conecta4.blogspot.com para que puedas verlo

    Te recuerdo que se trata de que al colocarlo me reduce el tamaño de fuente de todo el blog. Para ver esa diferencia de tamaño puedes comprobarlo en http://conectablog.blogspot.com que es la misma plantilla pero sin el leer más. Fijate que la reducción de la fuente ocurre tanto en las entradas, sidebar y footer.

    Espero que puedas ayudarme

    ResponderEliminar
  19. ¡Ooops! Creía haberte contestado Malina, pero se ve que no le dí al Intro.

    Te comentaba que no entiendo el problema porque en ambos blogs, veo el mismo tamaño de letra. No observo que en el de prueba tengas un tamaño distinto.

    Aquí las capturas:

    conectablog4>


    conectablog>

    ResponderEliminar
  20. Vaya! hacia dias que no lo revisaba y ahora yo también lo veo bien, que cosas!

    Aprovecho a comentarte que también me da algunos otros fallos. Por ejemplo si la entrada tiene muy pocos caracteres (que lo ideal es que se vieran todos) igualmente los corta aunque yo le aumente el número de caracteres a mostrar.

    Y luego aquí fijate en la entrada del VIDEO: APRENDE TWITTER como se ve en reducido y en grande.

    ResponderEliminar
  21. Eso es por el EMBED del vídeo, que es lo primero que lee el SCRIPT. ¡Nada es perfecto! Prueba a ponerlo tras el texto...

    ResponderEliminar
  22. y en cuanto a lo otro que te planteaba ahi solución? cuando las entradas tienen pocos carácteres que no las corte o muestre los carácteres que se le dice en el script?

    ResponderEliminar
  23. no cambia :S , que lala oloman ^^; estaba genial la plantilla pero ni modos, checha el blog y no cambia.

    ResponderEliminar
  24. Luis Jesús, veo que sí has instalado la primera parte de código, pero no veo por ningún sitio la segunda, la más corta...

    ResponderEliminar
  25. Oloman no me haces caso, snif...
    Hay forma de solucionar que cuando la entrada tienes muy pocos carácteres (una frase) no la corte? cuando además no llega a los caráteres minimos que pone el script para mostrar...

    ResponderEliminar
  26. Ahora iba a por tí Malina. Lo cierto es que es la consulta más difícil porque por ahora la respuesta es NO. Por eso, cuando me pongo a contestar mensajes te dejo para el final, para que me dedicarle un tiempo a investigar. Lo que pasa es que luego me lío con otras cosas y se me van pasando los días.
    Ahora mismo tengo 10 minutos para echarle un vistazo, a ver si veo algo que pueda arreglar el problema.

    ResponderEliminar
  27. Malina, no los corta. Acabo de comprobar las entradas cortas de tu blog de pruebas y simplemente les añade tres puntos suspensivos al final.

    Supongo que te refieres a que no ponga el "Leer más", pero amén de que quizás no sabría modificarlo para esos casos (puede que sí, no sé a priori), creo que debería mantenerse, porque mucho más difícil es controlar si también se han mostrado en el post resumido todas las imágenes que debería.

    Pinchando en Leer más se accede al post y listo.

    ResponderEliminar
  28. Tienes razón, es script quita los parrafos y añade los puntos supensivos siempre para hacer click en el leer más.

    Sólo veo que queda un poquillo mal cuando la entrada es un video.

    Gracias querido amigo!

    ResponderEliminar
  29. Eres EL DIOS DE LA PROGRAMACION HTML, jeje saludos OLOMAN Muchisimas Gracias, saludos.

    ResponderEliminar
  30. No Narangito, simplemente busco, estudio, aprendo y comparto. Sólo eso.

    ResponderEliminar
  31. Perfect , muchas gracias :D que dios te lo page con muchos hijos...

    ResponderEliminar
  32. Hola

    Pasé a agradecerle el script y a felicitarle por ello.
    Lo he colocado en dos blogs con códigos muy diferentes y funciona perfectamente en ambos.

    http://probndo22.blogspot.com/

    http://diperag-unomas.blogspot.com/

    Muchas gracias.

    Un Saludo.

    ResponderEliminar
  33. Hola!!! soy yo otra vez, no encuentro la parte de body, lo mas parecido que tengo es esto:

    ( < data : post .body/ >)

    Como segunda linea de una serie de renglones

    Sera ahi? Si es esa parte, tengo que borrar todo o solo la segunda linea?
    Muchas Gracias!!!!!!!!!!!

    ResponderEliminar
  34. Me encanta que por una vez, un truco algo complejo, no os de problemas adicionales.

    Dialoguista, eso es precisamente lo que hay que encontrar. En un principio sólo hay que sustituir la parte que has reproducido. Prueba de todas formas la vista previa por si tus "renglones" tienen algo importante que afecte al SCRIPT.

    ResponderEliminar
  35. Ok!!!! Gracias, por a probar, con algo de miedo, ja, pero voy a probar. Fue imposible transcribir los cuatro renglones aqui, porque no acepta cosas con codigos el comentario, asi que tuve que ir probando con parentesis y esas cosas para que se publicara ;-)
    Gracias, Gracias!!!!! Luego vuelvo y te cuento!!!!

    ResponderEliminar
  36. Otra solución ideal.
    Muchísimas gracias.

    ResponderEliminar
  37. HOLA! no podrias subir tu plantilla ya hecha??

    ResponderEliminar
  38. Hola!!! Vengo a decirte que efectivmente era alli donde debia poner el codigo, quedo precioso!!!! Pasate a verlo!!!
    Muchas pero muchas gracias!!! Hacia rato que queria hacer esto en el blog!!!
    Saludos!!

    ResponderEliminar
  39. Quise votar el post en bitacoras pero aun no lo haz indexado, ahi quedo pendiente el voto para cuando lo indexes!!!! ;-))))

    ResponderEliminar
  40. Manuel Vilar, esta plantilla es una adaptación de otra que se llama Notepad Chaos. Buscando en Google la encuentras sin problemas.

    Saludos.

    ResponderEliminar
  41. Espectacular amigo!!!!!!!! Al fin me di cuenta de como es.....no podía encontrar la forma porque no tenía hablitado arriba de la plantilla donde dice "Expandir plantillas de artilugios"...

    Saludos!
    Francisco
    http://mematodelarisa.blogspot.com/

    ResponderEliminar
  42. ¡¡¡Perfecto!! Me encanta cómo queda. Muchísimas gracias^^

    ResponderEliminar
  43. Vaya, me puse a pasar entradas antiguas que tenía guardadas en otro espacio y ahora en todas me sale esto "Normal 0 21 false false false ES-TRAD X-NONE X-NONE MicrosoftInternetExplorer4 ...". ¿Tiene solución?

    http://mundoderowan.blogspot.com/

    ResponderEliminar
  44. Hola Oloman! Lo pude hacer pero no me quedó muy bien, cdo linkeas en leer mas te abre en la misma pagina eso, ¿Como hago para que cdo linkees abra otra pagina sin modificar la primera??

    Gracias

    ResponderEliminar
  45. No sé cómo lo hiciste Rowan, pero me extraña eso del IE4. La forma óptima de traspasar entradas es con la opción importar/exportar.

    Francisco, acabo de probar tu página y sale bien. Cuando pinchas en el Leer Más, abre una nueva página que contiene únicamente el post enlazado.

    Se ve que anteriormente usabas otro truco para el mismo fin, por lo que sí deberías quitar lo de "Escribe tu resumen aquí / Escribe el resto del post aquí". Seguramente lo tengas configurado en Panel de Control-->Configuración-->Formato, escrito dentro de Plantilla de Entrada.

    ResponderEliminar
  46. Oloman muchas gracias, ahora lo veo.

    Saludos!

    ResponderEliminar
  47. Hola, he intentado realizar el cambio en mi blog, sin embargo, no encuentro la línea deldata.post... Es posible que esa línea pueda variar de una plantilla a otra.
    Gracias y un saludo
    Rampy

    ResponderEliminar
  48. Hola Rampy. Pueda variar de ubicación, pero tiene que estar. Sólo es visible selecciónando Expandir Plantillas de Artilugios.

    ResponderEliminar
  49. Hola Oloman, he expandido plantilla de artilugios, pero no me aparece.
    Un rampyabrazo

    ResponderEliminar
  50. Tiene que estar Rampy, tiene que estar. La única posibilidad de que no esté es que tu blog no sea Blogger. Por cierto que no lo pude ver desde el principio porque no tienes ningún link habilitado.

    ResponderEliminar
  51. Pues si está no, lo he encontrado.
    mi link es ESTE
    Un rampyabrazo

    ResponderEliminar
  52. Rampy: Diseño-->Edición de HTML
    Pinchar en "Expandir plantillas de artilugios"

    Buscar con el navegador (CTRL+F o CTRL+B, según el que uses) la expresión "data:post.body"

    Puede que no lleve las P's, pero la etiqueta DATA tiene que estar.

    ResponderEliminar
  53. Oloman, he hecho lo que tú me dijiste, pero en mi plantilla no aparece eso. De todas formas, gracias por tu molestia.
    Un rampyabrazo

    ResponderEliminar
  54. Ya lo he encontrado, estaba ligeramente distinto de cómo lo hacía antes, pero a la hora de hacer los cambios, me sale la siguiente leyenda
    Se ha encontrado más de un artilugio con el ID: Text4. Los ID de artilugio deben ser exclusivos.

    ResponderEliminar
  55. Rampy eso es porque tienes dos artilugios con el mismo nombre. Cambia uno de los dos y dónde pone TEXT4, simplemente ponle TEXT94, por ejemplo. Si después de eso te siguen saliendo avisos de otros ID duplicados, haces lo mismo con todos.

    ResponderEliminar
  56. Gracias, ya te contaré cómo me ha ido

    ResponderEliminar
  57. Hace poco que incorpore la opcion leer mas a mi blog y creo que lo hice de manera distinta.

    De todas formas me quedare asi de momento que no me va mal, aunque ya vere si hago pruebas...

    La unica pega que le he visto a mi version es con los textos justificados que me hace saltar lineas y que las entradas antiguas q no usaba esa opcion tambien tienen el enlace de leer mas.

    Un saludo y suerte con el concurso...

    ResponderEliminar
  58. Eso fue algo magnifico, no pensaba que iba a resultar tan perfecto, gracias oloman por publicarlo en tu blog mira visita el mio para que vea los resultados Click Aqui

    ResponderEliminar
  59. hola soy nuevo en esto y me estaba desesperando para poner lo del letrerito de leer mas y ahorita gracias a tu script se ve de maravilla
    muchas gracias es de lo mejor tu pagina
    salu2

    ResponderEliminar
  60. Gracias!!!!!!!! Dialoguista me los hizo conocer y con dos pavadas pude hacer lo que otros me embarraban!!!
    UN lujo.Los enlazo!

    ResponderEliminar
  61. Bueno lo he hecho en mi blog de prueba http://locomosxca-pruebas.blogspot.com/ y queda la mar de bien. El template es el que uso en mi blog original y tengo una pregunta, si lo miras veras que las letras se ven pequeñas y el cuadro donde esta escrito muy grande. Sabes alguna solución,¿cambiar tamaño letra o hacer el cuadro de texto mas pequeño? ¿como?
    Gracias por el post y animos.

    ResponderEliminar
  62. Locomosxca, con un vistazo rápido no he visto nada raro, pero comienza por comprobar las clases que tienes para configurar los post: post-body, post-footer y todos los demás que veas en tu plantilla. Seguramente tengas algún PADDING o MARGIN con algún valor más alto de la cuenta.

    ResponderEliminar
  63. He encontrado esto:
    .post-body {
    margin: 0 33px 0 149px;
    padding: 20px 20px 0 20px;
    supongo que es a lo que tereferias antes, ¿que valores em aconsejarias?
    Gracias.

    ResponderEliminar
  64. Hmmm. Eso sí lo vi y no es. Los valores se ponen en orden y respectivamente: Arriba Derecha Abajo Izquierda. Por tanto, el de abajo o el de arriba son en este caso cero y no pueden provocar ese salto. El 149px es el margen izquierdo.

    Prueba a cambiar esos valores y dale a Vista Previa (sin grabar cambios después) para comprobar como funcionan.

    ResponderEliminar
  65. Hola!, no sé que hice pero ahora en todos los post me sale esto: Normal 0 21 false false false MicrosoftInternetExplorer4 st1\:*{behavior:url(#ieooui) } /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Tabla normal"; mso-tstyle-rowband-size:0;... y luego laimagen a la derecha como siempre. ¿Qué hice mal? no sé como arreglarlo!

    http://amo-el-cine.blogspot.com

    ResponderEliminar
  66. Pabela, deshaz lo hecho, porque en algún sitio te dejaste algún símbolo sin poner. Seguramente un cierre o un punto y coma. Luego vuelve a instalarlo.

    O bien, machaca lo hecho volviendo a copiar encima el código propuesto. Si tuvieras una copia de seguridad anterior al cambio, lo mejor sería volver a ella.

    ResponderEliminar
  67. Gracias!! voy a probarlo aunque hice lo de copiar de nuevo el código por encima del otro y sigue quedando asi pero probaré poner la plantilla que guardé antes y volver a los códigos desde cero. Gracias!!!

    ResponderEliminar
  68. Pabela, ya he visto que lo has arreglado y tengo que añadir que te quedo de CINE ;)

    ResponderEliminar
  69. para los que no consiguen data:post.body/ denle buscar pero busquen solo "post.body/>" sin comillas claro y a mi me funciono genial muchas gracias mirenlo
    aldiapc.blogspot.com

    GRACIAAAAAAAAAAAAAAAAAAAAAAAAAAAAASSSSSSSSSSSSSSSS
    tenia mucho tiempo buscando algo así Muy Buena Info

    ResponderEliminar
  70. Hola nuevamente Oloman, excelente utilidad pero, hubo algo que no pude solucionar y quizas tu sabes como.

    En el home del blog donde muestra los resumenes de las entradas no logre hacer que el texto fuera justificado, ¿sabes como?

    ResponderEliminar
  71. Hola Larva. La clase .LEERMAS que está al principio del primer trozo de código sirve para controlar el aspecto del gadget. Coloca ahí un
    text-align:justify;

    ResponderEliminar
  72. No me resulta :( yo quiero que justifique el resumen, el posteo entero esta justificado por el que postea :P

    te copio lo ue hice la mail porque no me dejo aca jejej

    ResponderEliminar
  73. Uff jaaj perdon, ando con caeza de piedra hoy jaja

    Mira http://www.everfore.cl.tc/

    Si ves los resumenes estan alineados a la izquierda, y yo los quiero justificaditos como en los periodicos ;)

    Copie el codigo que me dijiste y donde me dijiste pero no veo cambios :(

    ResponderEliminar
  74. Creo que ya lo tengo. No he encontrado ningún justificado en tu CSS. Pensaba que sí lo tenías.

    Puedes meter la linea TEXT-ALIGN:JUSTIFY; dentro de los atributos de #main-wrapper

    Otra posibilidad es incorporar una nueva:
    .post-body {text-align:justify;}

    ResponderEliminar
  75. te pasaste, la primera opcion me funciono...

    siempre salvador de mis blogs ;)

    Muchas gracias de nuevo y sigue con esto que si no moriremos... xDDDD

    ResponderEliminar
  76. Hola oloman soy locomosxca, ya me funciona y queda muy bien, solo tengo un problema, no se ve bien en el explorer, las letras desaparecen. Es por eso que te escribo en anonimo ya que estoy mirando el blog en otro ordenador.
    Me encantaria le echaras un vistazo con el explorer y si le ves el problema ya que yo no se que hacerle, gracias.
    El blog es WWW.locomosxca-world.blogspot.com

    ResponderEliminar
  77. ¿Con IE da problemas? ¡No jodas! ;) Bueno, bromas aparte, le acabo de echar un vistazo y lo veo bien. He navegado un poco y no me ha dado problemas ni en páginas de sumarios ni en post individuales. Lo he visto con IE8, que es el que tengo ahora mismo a mano (lo actualicé sin querer...¡snif!)

    ResponderEliminar
  78. Oloman, muy buena la explicacion!!! Pero yo quiero hacer el caso inverso!! yo quiero que de entrada me muestre la imagen en grande y a su vez la foto tambien!! tenes algun consejo??
    email: arriolar86@yahoo.com.ar

    ResponderEliminar
  79. La grafica, creo que va a ser que no, pero de todas formas, explícame qué quieres hacer ¿una imagen grande y también una foto? No lo entiendo.

    ResponderEliminar
  80. Buenas, lo que yo quisiera es eliminar mi "eliminar mas" que me vino por defecto en mi plantilla.. se puede hacer eso?

    ResponderEliminar
  81. Hola Gráfica San Francisco

    La clave está en encontrar <data:post.body/>
    Debe aparecer al menos dos veces dentro de un condicional, que sirve para utilizar un estilo si es la página de un post en concreto y otro (el comprimido) en el resto de páginas (inicio, etiquetas,...)

    Se trata de deshacer el condicional para que sólo salga la primera opción.

    ResponderEliminar
  82. hola otra vez, perdon no haber contestado antes, pero andaba liado, respceto a lo del IE, e, problema es que el texto desaparece y aparece al pasar el raton por encima, si sabes cual pudiera ser el problema me haras favor, gracias.

    ResponderEliminar
  83. Locomosxca, supongo que concretamente, es cuando pasas el ratón por los enlaces. Ese mismo problema lo tuve yo con esta plantilla y me costó muchísimas horas solucionarlo, tantas que ni siquiera recuerdo cual de las múltiples cosas que probé, fue la que dió resultado. Me parece recordar que tenía que ver principalmente con la estructura principal de capas de la plantilla, asociadas con el uso de POSITION. Lo siento pero no voy a poderte ayudar con eso.

    ResponderEliminar
  84. FELICIDADES A ESTE MARAVILLOSO BLOG YA QUE AL FIN ME RESOLVIERON Y SI QUE ME FUNCIONO, AUNQUE PLEASE..... QUISIERA ME DIJERAN SI HAY UNA OPCION PARA QUE NO SE APLICE A TODAS LAS ENTRADAS, SE PODRA EDITAR ALGO PARA QUE SOLO SE APLIQUE A LAS ENTRADAS QUE YO CONSIDERE Y NO A TODAS LAS DE MI BLOG.

    ¨****LES AGRADESCO ME RESPONDAN****

    ResponderEliminar
  85. Me funciono por fin el "leer mas" en Blogger, pero ahora mi problema es que no quiero que se aplique a todas las entradas.... :(

    ResponderEliminar
  86. Anónimo y Staff Miss & Mr Panamá,
    este sistema es para TODOS los posts y la ventaja es que es automático. Si lo quereis aplicar manualmente, aquí tienes una opción para ello, aunque ahora, también lo puedes hacer post a post, usando el nuevo editor de Blogger y supongo que por ser una aplicación Blogger, esta última opción puede ser mejor que la anterior.

    ResponderEliminar
  87. Gracias por tu resúesta Oloman, voy a probar el nuevo link que me das a ver que encuentro, Sabes que aunque blogger implemento el sistema automatico de leer mas, pues No me funciona ya que me corre todo el sidebar y se desconfigura la pagina, ya leei sobre eso y a muchas personas les pasa lo mismo... es una lastima :(

    Azim ;)

    ResponderEliminar
  88. NO SIRVE ESE NUEVO "LEER MAS" DE BLOGGER, SI FUNCIONA TE JODE TODA LA PLANTILLA, SE PIERDE EL SLIDEBAR Y TODA LA CONFIGURACION DE LA PAGINA...


    BLOGGER Y SU TARDIO TRUCO LEER MAS NO FUNCIONA, QUISIERA LEER MAS PARA POST LARGOS, UNICAMENTES NO PARA TODOS LOS POSTS.

    ResponderEliminar
  89. Enlace en el comentario 86 Anónimo.

    ResponderEliminar
  90. lo que encontré oloblogger!!! genial!!! I'm so happiiii

    ResponderEliminar
  91. Hola Oloblogger! A ver si me puedes solucionar una duda relacionada en parte con el tema.
    El caso es que estoy probando con una plantilla donde me aparecen únicamente las imágenes de los post, pero para poder acceder a ellos, la unica manera es pulsando en el título de la entrada, y lo que me gustaría es que al pulsar en la imagen también llegase a la entrada.
    Te dejo el blog, que es más facil de entender. Gracias y un saludo!!

    ResponderEliminar
  92. Soy tan tonto que no pego el enlace...XD. Aqui lo dejo: http://blogparaprobaraitor.blogspot.com/

    ResponderEliminar
  93. Hola Aitor. Déjame que le de una vuelta ¿vale? Es que hay que modificar el Script para eso, incluyendo un enlace y la etiqueta DATA del la URL de la entrada... y de JavaScript todavía sé muy poco. Voy a probar lo que tengo en la cabeza y si compruebo que funciona, lo publico. Un saludo.

    ResponderEliminar
  94. hola buenas tardes, ya lo he hecho pero quiero quitar cuando se muestre el resumen de las entradas todo lo que aparece debajo como autor, etiqueta y que el numero de comentarios aparezca a l izquierda, me ayudas?

    ResponderEliminar
  95. Si te parece Luz, lo dejamos para más adelante, que hoy he tenido poco tiempo y en los próximos días no estaré casi con internet. De momento te pongo deberes:

    Busca un post sobre condiciones en Blogger y luego otros que hay sobre comentarios. Con esas dos cosas puedes cambiar de sitio el enlace a comentarios o hacer que no se vea en la página Inicio. El autor, si siempre eres tú, que no hay otra persona, yo directamente lo quitaría. Eso puedes ver cómo se hace en Configurar Entradas en Blogger. Por último, en mi opinión las etiquetas vienen bien incluso en los posts resumidos, pero si quieres modificarlas hay otro post hablando del artilugio que las crea. Otra vez con las condiciones podrás hacer que no se vean en Inicio y sí en otro tipo de páginas.

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

    ResponderEliminar
  97. Je,je. LLegué a ver tu pregunta Luz y también que ya lo habías solucionado. No hace falta que borres los comentarios en ese tipo de casos. Al contrario. Mejor hubiera sido que dijeras cómo lo habías hecho para que pudiera valer para otros que vinieran detrás.

    ResponderEliminar
  98. Como estas Oloman, ando buscando la manera de hacer el efecto en varios blogs y no doy con el segundo paso en la plantilla no se que pasa

    http://www.hotlinkfiles.com/files/2421269_pwgew/codigohtmlcultmoviez.txt

    http://cultmoviez.blogspot.com/

    gracias de todos modos por tu excelente blog y ojala me puedas ayudar

    ResponderEliminar
  99. No puedo ver esa parte Alex, pero tienes que buscar con "artilugios expandidos". Si no aparece literalmente, al menos debe aparecer DATA:POST.BODY

    ResponderEliminar
  100. Gracias Oloman al fin lo pude hacer pero no me gusto, quisiera saber si hay una forma de dejar la entrada igual sin miniaturas y el leer mas que solo sea para controlar la cantidad de caracteres para que queden todas las entradas del mismo tamaño, pero sin que se modifique

    ResponderEliminar
  101. En un principio y para no trastear mucho, creo que sería suficiente con que esta línea del script
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

    la sustituyeras por esta otra
    var summary = '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

    ResponderEliminar
  102. Muchas gracias Oloman, este truco lo aplique en mi diseño, y se ve bien, he aplicado en mi blog con exito muchos de tus consejos, y considero que tu blog es uno de los mejores blogs de ayuda de diseño, sigue adelante.

    ResponderEliminar
  103. Insisto en que simplemente es uno más y que hay otros que son mucho mejores, sobre todo en cuanto a contenidos. No obstante, gracias :D

    ResponderEliminar
  104. andaba como un loco buscando y colocando códigos pero ni uno funcionaba y este es el único. muchísimas gracias.

    ResponderEliminar
  105. Hola amigo, necesito hacerte una pregunta?, yo mas que colocar el "leer mas" quiero sacarlo de mi plantilla, el tema es que yo elegi una plantilla q ya lo traia incorporado y no se como sacarlo. Me pordras dar una mano con esto.

    muchas gracias

    saludos!

    ResponderEliminar
  106. No sabría decirte cómo quitarlo Francisco, porque no he visto ningún código que haga eso. Si lo has hecho post a post, entonces tendrás que deshacerlo de la misma manera.

    ResponderEliminar
  107. Hola Oloman, habria una forma de dar un margen entre el titulo y el contenido resumido ?

    la imagen y el contenido resumido estan muy cerca al titulo.
    http://img14.imageshack.us/img14/3555/dibujosvg.jpg


    - Se podria poner un widget mas a la derecha ? intente con y y nada .
    quisiera que sobre salga un poco de la hoja.

    http://img442.imageshack.us/img442/9213/dibujo2d.jpg


    - Como justifico el contenido resumido ?


    - Como centro la caja de comentarios ? http://img693.imageshack.us/img693/634/dibujo3x.jpg

    - instale un widget para que puedan puntuar mis entradas pero ya paso un dia y acabo de ver un anuncio, como podria quitarlo ? o alguna otra opcion de puntuaciones ?

    http://img693.imageshack.us/img693/9934/dibujo4n.jpg

    - Quiero poner una Nube 3D pero cuando la pongo y todo me funciona bien en la sidebar pero en la parte del Footer si agrego un widget no aparece a mi opinion y con ciudad blogger intentamos y se iva muy abajo que se veia solo una punta del widget que instalaba ( nube 3d fotos)

    como podria ubicarlo en esa zona

    http://img693.imageshack.us/img693/8573/dibujo5gj.jpg

    - Como doy fondo a los comentarios ?

    - como resalta con otro fondo a los comentarios de autor ?

    http://img697.imageshack.us/img697/6913/dibujo6p.jpg

    Podrias ayudarme con alguno de mis problemas ? ayudame con cualquiera porfavor :), gracias.

    http://forripruebas2.blogspot.com/

    ResponderEliminar
  108. Olvide mencionar que en el codigo HTML de la plantilla e buscado content y he ubicado todo a la izquierda con left al hacer eso todo se pega a la imagen http://img339.imageshack.us/img339/4216/dibujo6b.jpg

    se puede dar un margen a eso ?

    muchas gracias

    ResponderEliminar
  109. Hagamos como Jack el Destripador: Vayamos por partes.

    Margen: Normalmente, los títulos van bajo la clase .post h3. Con que ahí le pongas un margin-bottom, ya tendrás una separación.

    Gadget desplazado: Prueba poniéndole un margin-right con un valor negativo. Si en la capa que va debajo no hay espacio suficiente, te saldrá cortado. En ese caso tendrías que incrementar en tu MAIN (o equivalente) el margen derecho. Mira el último apartado de este post.

    Justificado: Si tienes tus posts con texto justificado, también te deberían quedar así los resúmenes.

    Caja de comentarios: Modificar formulario comentarios

    Puntuar posts: Si el gadget que encontraste lleva publicidad, lo más probable es que no puedas quitarla. No conozco ningún servicio que haga esa tarea.

    Nube 3d en footer: Si como imagino, utilizas Notepad Chaos, el footer hay que reconstruirlo entero para tener espacio allí. Mucha tela para un comentario. Además no recuerdo cómo era el código original.

    Personalizar comentarios: La clase que suele controlar esa parte es comments-block. Ahí puedes añadir un background, un borde, etc.

    Comentarios propios: Destacar los propios comentarios

    Y... ¡joder! si hubiera visto tu dirección al principio, me hubiera ahorrado "adivinar" tanta cosa. La clase de los títulos en tu caso es #content .col01 h3

    Siguiente mensaje. Para poner la imagen a la izquierda, hay que cambiar esta parte del script.

    .post-thumbnail {
    float:right;
    margin:0px 0 10px 10px;
    }

    sería

    .post-thumbnail {
    float:leftt;
    margin:0px 10px 10px 0px;
    }

    ¡Eres el segundo que cubre su cupo de preguntas anuales! ;)

    ResponderEliminar
  110. ya logre darle un margen al titulo de aquella barra pero al resumen de los sumarios cada resumen esta pegado a la linea que separa al titulo del resumen ayudame porfavor quiero separar el resumen.

    ResponderEliminar
  111. Espero que no sea una inocentada Forrito. Ya te dije que la clase que controla los títulos es #content .col01 h3

    Es suficiente con que ajustes el margen de abajo (MARGIN-BOTTOM o tercer valor de MARGIN)

    ResponderEliminar
  112. no puedo creer que pienses que me estoy burlando o.o inocentada ? no porsupuesto que no.

    podrias ayudarme con lo del gadget ? hacia la derecha que no entiendo lenguaje blogger.

    ResponderEliminar
  113. ¿Viste el post que te enlacé?

    ResponderEliminar
  114. me referia al contenido del sumario que esta con la imagen bajen un poco mas con respecto a la line.gif que los separa del titulo D:

    espero me entiendas ahi va una imagen oloman

    http://img199.imageshack.us/img199/7897/dibujodvn.jpg

    muchas gracias por tu pasiencia.

    ResponderEliminar
  115. Estás a punto de que se me agote por primera vez ;)
    ¿Que tal si en lugar de mandarme imágenes en las que no puedo ver qué has hecho, modificas el código como te indico y lo dejas así para que lo vea? No me sé tu plantilla de memoria y tampoco puedo comprobar si hay algún error en lo que haces.

    #content .col01 h3 {
    font-size:24px;
    line-height:28px;
    font-weight:normal;
    font-family: Times New Roman, Times, Georgia, erif;
    margin:0px 0px 20px 0px;
    font-family: 'Comic Sans MS';
    padding:0 0 15px;
    background:url(http://1.bp.blogspot.com/_qTWVg4q5lCo/SNHks_U6y4I/AAAAAAAAA80/ywUSuha8C2g/s1600/line.gif) repeat-x bottom;
    }

    ResponderEliminar
  116. http://forritow.blogspot.com

    Si ya he visto el enlace con margenes negativos que mencionas pero no logro entender en que se asocia con el widget que quiero mover.

    es un widget de twitter y el codigo que me dieron lo e insertado en un HTML.

    me dices -> Prueba poniéndole un margin-right con un valor negativo.

    donde pongo un margin-right si no se que es y disculpame que no lo sepa y alarge esto mas pero si quiero dejar mi blog bonito antes de partir no lo podre hacer si tu ayuda, gracias.

    en http://forritow.blogspot.com tengo la imagen de un Itouch que lo he ubicado en un lugar fijo y no quisiera que tener que moverlo hacia el widget.

    sino MOVER el widget hacia el y quede en el espacio transparente.

    http://img192.imageshack.us/img192/314/dibujoew.jpg

    - Como centro la caja de comentarios ?
    - Como doy fondo a los comentarios ?

    Supongamos que ya lo hice, entonces como resalto con otro fondo los comentarios de autor ya estando con fondo los comentarios de todos ?

    ResponderEliminar
  117. Gracias por tu paciencia. :)

    ResponderEliminar
  118. Parece que olvidaste mi pregunta u.u

    ResponderEliminar
  119. No la olvidé Forrito, pero no estoy de guardia 24 horas al día y además voy contestando por orden de entrada.

    A propósito, te diré que tampoco puedo estar atendiendo a todos para reconstruir un blog paso a paso. Me has pedido en dos días cosas que yo he tardado en ir aprendiendo y aplicando dos años.

    Lo de hacer un blog es mucho más fácil. Primero ocúpate de lo que vas a escribir en él y luego del aspecto. Haz un blog funcional, fácil de mantener y una vez tenga contenido, ya tendrás tiempo de ir poniendo filigranas.

    Si ves un truco en concreto que te gusta, lee las indicaciones que te dan y luego lo intentas. Si no te sale, lo intentas de nuevo y sólo cuando no tengas salida, entonces pregunta. Es la única forma de aprender sin tener que pagar por ello. Si finalmente no se puede, pues no se puede. Yo mismo imagino cosas que me gustaría poner pero no sabría cómo hacerlo. Esas, evidentemente, las intento pero si no salen, no las hago.

    Quieres empezar la casa por el tejado... Me has hecho preguntas de resolución complicada, cuando parece que ni siquiera conoces lo más básico. Empieza por esto último. Creo que estás abusando demasiado.

    Y después de dejar claro esto, no es seguro que funcione, porque depende de cómo esté contruida la plantilla, pero en un principio tendrías que hacer algo así:
    <div style="margin-right:-50px;">
    CODIDO DEL GADGET
    </div>
    cambiando el valor 50 por el que te interese.

    Sobre cómo centrar el formulario, te remito de nuevo al enlace que te puse en mi primera contestación. Allí se explica con más detalle de lo que podría hacer aquí, cómo formatear toda esa parte.

    ResponderEliminar
  120. vaya, lo siento si moleste mucho pero que esperabas acabo de cumplir los 16 y la impaciencia esta viva.

    Gracias por el tiempo que te tomaste en ayudarme, el diseño que va tomando mi blog aunque no sea tan bueno como el de un blog que conosco por ahi un tal oloblogger :P me va gustando y me preguntas porque primero construyo el tejado bueno es porque quiero sentirme a gusto dentro, no puedo comenzar a escribir en un lugar donde no me sienta comodo.

    Un Saludo a la distancia.

    Suerte, nos vemos.

    ResponderEliminar
  121. No hace falta que el saludo sea distante ;), simplemente quería que supieras que esa no es la forma de abordar un blog de este tipo.

    Yo no me dedico profesionalmente a esto y tengo, además de mi trabajo, otras muchas cosas que hacer. Por eso me cuesta bastante de mi tiempo de ocio, redactar estas cosas que me parece que pueden venir bien a otros. Contestar a consultas concretas sobre lo que publico me cuesta más, contestar a preguntas concretas sobre un blog en particular, más todavía, pero guiar detalle a detalle para reformar/construir un blog casi entero, ya me resulta imposible.

    Espero que lo entiendas...

    ResponderEliminar
  122. Oloman: ni siquiera en Pascuas te dejamos en paz ;) El 90% es porque como lo haces tan bien y tan claro, no sabemos recurrir a otros. El otro 10% es... que "semos unos pesssaos".
    Acabo de cambiar de plantilla, con muchos ensayos, pero no consigo introducir el resumen automático, que en las plantillas anteriores me ha funcionado de cine. Supongo yo (que solo soy de Hª Medieval) que se debe a que esta planti ya trae el "Leer más"/Read more por defecto, pero... el caso es que no funciona aquí. Y es algo muy util para mí, por lo prolija que soy escribiendo.
    ¿Qué me aconsejas?
    Un abrazo desde el Real Sitio, al que estás invitado.
    http://mjarb.blogspot.com/

    ResponderEliminar
  123. M.A. No puedo ver esa parte de tu plantilla, pero para instalar esta utilidad, sólo haya que localizar data:post.body. Si tienes más de uno (raro, pero puede ser) entonces tendrás que analizar en qué caso aparece cada uno y cambiar el que corresponda.

    ResponderEliminar
  124. En efecto Oloman: había 2. He hecho lo que me decías por el sistema "prueba y a ver" y finalmente, al eliminar el segundo, salió.
    Gracias... ¡ah, y si vieras cómo me ha quedado el índice! Tuve ue retocar los estilos para cambiar colores y anchuras, y oooh! :D También he puesto un sitemap en otro blog y chachi... en fin: que muchísimas gracias por tu ayuda. Que pases una estupenda despedida de año y que el 2010 sea contigo tan generoso como tú con nosotros.
    ;)

    ResponderEliminar
  125. Igualmente M.A... y perfecto el índice :D

    ResponderEliminar
  126. Hola Oloman, una pregunta, yo usé un sistema de sumarios diferente, y al parecer un poco mas complicado y tengo un problema, se repite dos veces el titulo de la entrada y no se porque y no logro corregirlo y ademas quiero que cuando pasen el raton sobre el titulo de la entrada tenga algun efecto como que cambie de color el titulo o algo parecido al tuyo.

    Espero que me entiendas y me puedas ayudar
    mi blog es este
    http://mundo-wrestling-hispano.blogspot.com

    ResponderEliminar
  127. Hola. Yo no puedo ver esa parte de tu plantilla, pero seguro que tienes dos data:post.title muy próximos. Tendrás que probar a quitar uno u otro. Podrás comprobar que lo has hecho bien con Vista Previa antes de grabar.

    Con respecto al efecto hover (que así se llama lo que quieres), se hace asignado distintos atributos a la clase que controla el título. Creo que en tu caso sería .post-title h3
    Si fuera esa, tendrías que poner en tu parte css algo así:
    .post-title h3 a {
    color:#000000;
    }
    .post-title h3 a:hover {
    color:#ffffff;
    }
    Si ya tienes definidas estas clases, tendrías sólo que cambiar su contenido. Además del color puedes añadir fondos distintos, bordes, etc...

    ResponderEliminar
  128. oloman? se podría expandir/contraer el leer más>>> para que los resultados se vieran en la misma página manteniendo el mismo diseño de sumarios automáticos con imagen?... gracias...

    ResponderEliminar
  129. Seguro que sí, pero habría que hacer un nuevo script combinando este y, por ejemplo, este otro.

    Sin embargo, creo que están mejor cada uno por su lado. Por ejemplo: Si creamos una miniaturas con este script y luego permitimos que se expanda el post entero en la misma página, tendremos que hacer desaparecer el resumen de texto y la miniatura ¿no? De lo contrario, la imagen saldría duplicada; la original y la miniatura.

    No sé, mucho trabajo para poca ventaja... No lo veo.

    ResponderEliminar
  130. llevas razón...gracias por contestar

    ResponderEliminar
  131. Olomán, aquí de nuevo yo jorobando. La cosa es que he puesto el resumen de post- que siempre me anduvo genial- y resulta que tuve que quitarlo porque al clikear en Leer más me salía la publicación en forma doble. Eso porqué será? algo que hice mal?

    ResponderEliminar
  132. En La pluma y la espada funciona correctamente. En los otros dos de tu perfil, no tienes este sistema, por lo que supongo que será ahí donde tienes problemas.

    Supongo (no lo puedo ver) que el problema está en que tienes más de dos DATA:POST.BODY. Esa variable es ela que guarda todo el contenido de todos los posts. En el código que aquí se propone, verás que hay dos, pero están dentro de una condición: si estamos en la página principal aplicamos entradas resumidas y si no, entradas normales.

    Por tanto, hay dos posibilidadades:
    - Hay un tercer DATA:POST.BODY que sobra
    - Está mal redactado el condicional.

    ResponderEliminar
  133. Uy qué pava no te dejé el link de donde tenía el problema. Pues es en La cinerata pero dale me fijo a ver si de tanto cambio que hice a ver si andaba el slide me mandé un error! Gracias!

    ResponderEliminar
  134. hola, primero de todo felicitarte por la gran pagina que tienes ya que me encanta su estetica y sobretodo la ayuda que das. Mi duda es que yo quiero poner el leer mas solo en algunas entradas ya que tengo una seccion donde todas las entradas son largas. Se puede hacer eso o es olbigatorio a todas?

    ResponderEliminar
  135. Hola Ernes. Para ponerlo sólo en entradas determinadas, quizás lo mejor es que utilices la utilidad de Blogger que aparece en el nuevo editor (MORE). En esta página de Vagabundia tienes más información.

    ResponderEliminar
  136. OLOMAN, necesito colocar una imagen en .leermas como lo hago?

    ResponderEliminar
  137. Url, busca en la parte 2 de esta entrada esta línea
    <a class='leermas' expr:href='data:post.url'>Leer más »</a>
    y la sustituyes por
    <a class='leermas' expr:href='data:post.url'><img src='DIRECCION_IMAGEN' /></a>

    ResponderEliminar
  138. ¡Hola Oloman! Acá me tenes de vuelta preguntándote cosas xD, parece que se va a volver costumbre, espero no cansarte :p. Es que me enamoré de este sistema, me encantó, pero le veo un problema y es que de entrada me puso veinte entradas por página. Al principio lo vi perfecto, pero después de quitar las etiquetas y las cosas de los footers (pregunta que te hice ayer xD) me encontré con que la Sidebar sobrepasaba la cantidad de entradas que tengo por página, haciendo que quede medio desprolijo en la columna principal o main-wrap (creo que se llama, ¿no?). Como cualquier ignorante, feliz de la vida fui a cambiar la cantidad de entradas por páginas en la parte de configuración, pero me encontré con que decía '10'. Al ponerla en veinticinco o treinta (para que la Sidebar quede más corta que la parte de las entradas) no se modificaba en nada, seguían siendo veinte. =(

    Pregunta... ¿Hay posibilidad de aumentar la cantidad de entradas por página?

    P.D: Decime que si por favooooorrr =(

    P.D.2: Y de paso te pregunto, si no es molestia, ¿hay forma de cambiar el estilo de un botón? Es que agregué la suscripción por Feedburner a mail, esa que te deja escribirlo en la misma página... Pero el botón 'suscribe' es re feo xD y quiero que quede más lindo con respecto a la página :p.

    Muchisimas pero MUCHÍSIMAS gracias =), no sabes como te agradezco todas las respuestas que das y como informas a la gente, y disculpame las molestias.

    ¡Saludooos! ^^

    ResponderEliminar
  139. La limitación en cuanto a entradas no tiene nada que ver con este sistema. Ha sido casualidad. Desde hace unos pocos días, Blogger limita automáticamente el número de entradas en portada en función de su peso, es decir, según supongan más o menos carga y consuman más o menos recursos. En esta entrada de Pizcos tienes más información.

    Y lo segundo... simplemente no lo encuentro en tu blog ¿quizás sea algún otro que no está en tu perfil?

    ResponderEliminar
  140. Si, perdón, me olvidé de escribirtelo, es electronicthings-blog.blogspot.com .

    Muchísimas gracias =), igual ya sé por qué también es que me quedó largo... ¡Y ES PORQUE ME DESAPARECIERON LAS ESTRELLITAS DE CALIFICACIÓN DE POOOOSTS! =( =( =( ... Y no sé por qué =( . Eso hacía que las entradas me quedaran un poco más largas, además de más lindas xD... En fin, y eso que tengo el código muy bien puesto =(, no sé por qué me desaparecieron...

    Muchísimas gracias =) esperaré ansioso tu respuesta ^^

    ResponderEliminar
  141. Uff... Cada vez me entero de cosas peores, primero me desaparecen las estrellas, y ahora el numero de comentarios que figura antes de entrar al post, debajo del título, no coincide con el número de comentarios real... ¿Tanto toque el código?, es que no entiendo, no toqué nada de más, ni idea por que pasaron todas estas cosas de repente...

    Cambiando de tema, porque me mate buscando por todos lados pero no encuentro la respuesta... ¿Hay forma de hacer un registro de usuarios en mi blog? O sea, que una persona pueda ver lo que quiere pero para comentar que se registre, onda foros o cosas así (y que yo pueda ver sus mails y tener una plantilla o algo con todas las persona que tengo registradas).

    ¡Saludos y gracias!

    ResponderEliminar
  142. No, lo del registro no es posible en Blogger, por lo menos hasta el momento y hasta lo que yo conozco.

    Con respecto al resto de problemas, deja pasar unos días antes de intentar arreglar nada. La última vez que alguien me comentó que no le coincidían los rótulos con el número real de comentarios... ¡era problema de Blogger! y quizás ahora te esté pasando lo mismo.

    ResponderEliminar
  143. ¡Gracias! ^^ Eso me deja más tranquilo. Entonces quiere decir que lo de las estrellas también puede llegar a ser problema de ellos, así que a esperar =). A este tema de calificación de entradas no sé si se le podrá dar alguna utilidad, pero mi idea era poner en la 'portada' o pagina principal el post con mas estrellas o los comentarios con más votos (cosa que todavía no hice y quiero hacer), pero no sé si se le puede dar esa utilidad a solo sirven para... ¿Clikearlas? xD. Ahora revisaré por la red, ¡muchas gracias por tu ayuda! ^^

    ResponderEliminar
  144. lamento decir que no sirve muy bien ya que en internet explorer no me muestra los post, bueno a esperar.

    ResponderEliminar
  145. y una pregunta, tu puedes ver tu blog con internet explorer? porque a mi no se me carga bueno no te lo habia dicho antes puesto que no ocupo el internet explorer pero tu pagina dice cargando pero no se muestra tu pagina sino que se queda en la pagina anterior

    ResponderEliminar
  146. Pues sí Mexotopo. Tengo IE8 y se carga perfectamente. Quizás la pillaste en el día tonto de Blogger, porque hay veces que tarda mucho en cargar y otras en que ciertas cosas no se cargan nunca.

    Sobre lo de este truco, en IE se debería ver exactamente igual que otros navegadores. Está instalado en muchos sitios y es la primera noticia que tengo respecto a que haya problemas.

    Puedes probar a ver esta página que es más liviana que Oloblogger y que también tiene este sistema. Deberías verla bien tanto en IE como en otros.

    ResponderEliminar
  147. pace que es así ya que ahora se cargo pero no tan rapido como otros navegadores. bueno igualmento lo he sacado de mi blog este truco pero vere si es que luego lo vuelvo a colocar...

    ResponderEliminar
  148. Eso es al gusto. No hay por qué ponerlo todo, porque al final sí que sobrecargamos el blog.

    ResponderEliminar
  149. Hola Oloman:

    Sigo tu blog desde hace tiempo y me ayuda a mejorar el mío. Te he hecho caso en esta entrada y me encauentro con un problema: Queda estupendo pero en las páginas de blogger (creación de página y no de entrada), pone "leer más" pero no se depliega. Me gustaría que no se resumieran las páginas y sí las entradas, puedo hacer algo??
    te dejo mi blog y mi mail por si puedes ayudarme.
    Además... no me permite poner Reacciones... será porque he hecho demasiados cambios? Podrías mirar el código de mi blog si te lo mando en un mail?
    Ya se que pido mucho pero...
    Mil gracias!

    Kitty@milcaprichos.com
    www.milcaprichos.com

    ResponderEliminar
  150. Hola Kitty. Para eso habría que complicar un poco más el código añadiendo más condiciones de manera que cuando se esté en una Página, no se compriman los posts:

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

    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <data:post.body/>
    <b:else/>
    <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>
    <a class='leermas' expr:href='data:post.url'>Leer más &#187;</a>
    </b:if>

    </b:if>

    Lo de las reacciones, al igual que lo de las estrellitas, lo tengo apuntado en mi agenda, pero de momento no paso de ahí.

    Saludos.

    ResponderEliminar
  151. Mil gracias!!! Ya he hecho los cambios y ha quedado perfecto. Lo que yo quería.
    Estaré atenta para cuando publiques lo de las reacciones.
    Da gusto estar aquí!
    Kitty

    ResponderEliminar
  152. Oloman:

    Ayer hice los cambios y parecía que todo iba bien pero me acabo de dar cuenta de que ahora las entradas, cuando le doy a leer más, aparecen duplicadas, es deicir, termina la entrada y vuelve a empezar dentro del mismo post... ¡¡Qué hago??

    ResponderEliminar
  153. Te contesté en tu blog, Kitty, pues no puedo ver lo que quiero desde aquí.

    ResponderEliminar
  154. No encuentro la segunda línea:

    ¿Puedes ayudarme? Gracias

    ResponderEliminar
  155. Ya he encontrado la línea, pero me surge el problema de que al cambiar esto:

    # img_thumb_height: Altura de la imagen miniatura en pixels.
    # img_thumb_width: Anchura de la imagen miniatura en pixels.

    Para que la imagen quede arriba y algunas líneas de texto abajo se me deforma la imagen y no se que tengo que hacer para que quede bien.

    Muchas gracias

    ResponderEliminar
  156. Querido Oloman,

    Ya me he vuelto loca 20 veces, pero voy llegando a una solución, he puesto los siguientes parámetros:

    var thumbnail_float = true;
    sumario_noimg = 340;
    sumario_img = 400;
    img_thumb_height = false;
    img_thumb_width = false;

    Lo que pasa es que la imagen se va a la derecha y el texto a la izquierda y no se cómo hacer para que la imagen este arriba y el texto abajo.

    Mil gracias!!!!!

    ResponderEliminar
  157. Creo que ya he conseguido lo que quería excepto justificar el texto ;)

    ResponderEliminar
  158. Gracias por el post y tu blog!!! es un pasada.

    ResponderEliminar
  159. Fandbn, para centrar la imagen encima del texto, simplemente pon este parámetro en FALSE:

    var thumbnail_float = false;

    y deja .post-thumbnail como está en esta entrada.

    Esto último no te modificará nada en este caso, pero mejor lo dejas como estaba redactado en el post, por si alguna vez quieres cambiar a miniatura flotante. Quita el "centrar-imagen" que pusiste y cámbialo por un "right".

    Para justificar (no sólo los resúmenes sino todo), busca esto y cambia "left" por "justify".

    #outer-wrapper {
    width: 950px;
    margin:0 auto;
    padding:10px;
    text-align:left;
    font: normal normal 100% Georgia, Serif;
    }

    ResponderEliminar
  160. ¡Hola Oloman!

    Quería saber si hay alguna forma de separar post de post pero que se note bien, porque si entrás al mio (cliqueando en mi link), es como que no se entiende bien cuando termina uno y empieza otro.

    Quería saber si se podían recuadrar los post o poner una línea divisoria entre uno y otro... O hacer algo parecido con lo que se hacía con los comentarios, de recuadrarlos y cambiarlos de color. ¿Se entiende?

    Muchísimas gracias por todo =), siempre me das una solución para que pueda seguir adelante.

    ¡Saludoos!

    ResponderEliminar
  161. Al igual que con los comentarios, las entradas u otros bloques de información, puedes crear una clase para los sumarios e incorporarla en esta parte (lo nuevo está marcado en negrita):
    <div expr:id='&quot;summary-&quot; + data:post.id' class='sumarios' ><data:post.body/></div>

    En la parte CSS es dónde tendrías que crear la nueva clase con las propiedades que quieras:
    .sumarios {
    border:1px solid #000000;
    padding:5px;
    background:url("http://......");
    }

    ResponderEliminar
  162. Hola Oloman lo he puesto en mi blog techadicto.blogspot.com pero el problema es que no logro poner la imagen a la derecha del mismo que problema tendra....! Saludos

    ResponderEliminar
  163. GordoPotter5/5/10, 19:47

    ¡Dios! No sabés como te lo agradezco =).

    Siempre con buena onda y explicándole a los que no tienen ni idea como yo =).

    Te lo agradezco muchísimo, en serio, muchas gracias =).

    Ahora mismo lo voy a probar...

    ¡Un saludo y muchas gracias! ^^

    ResponderEliminar
  164. Christopher, el código que tienes no es el de aquí, por lo que las instrucciones que se dan de configuración, no sirven en tu caso. No obstante, he visto que lo tuyo no es muy difícil. Busca la línea
    imgtag = '<span style="float:left; padding:0px 10px 5px 0px;">
    y cámbiala por
    imgtag = '<span style="float:right; padding:0px 0px 5px 10px;">

    GordoPotter ¡suerte! ;)

    ResponderEliminar
  165. la verdad no me deja de sorprender tu blog...
    muy buen diseño...
    buenos post...
    muchos comentarios...
    si que le diste tiempo no????
    jeje...
    a mi si me salio y muy bien ..
    gracias me sirvio de mucho...
    que andes bien...!!!

    ResponderEliminar
  166. ¿Tiempo? Sí... un poco :)

    ResponderEliminar
  167. Lo que he encontrado es esto ¿qué hago para justificar?

    #outer-wrapper {
    width: 950px;
    margin:0 auto;
    padding:10px;
    text-align:$startSide;
    font: $bodyfont;
    }

    ResponderEliminar
  168. Lo que lleva delante un símbolo $ es una variable. Para este caso, cambia "$startSide" por "justify". Sólo eso.

    ResponderEliminar
  169. Mil gracias oloman eres un sol!!!!!!

    ResponderEliminar
  170. Me encanta este post!es otra de las cosas que estaba buscando y voilá, aqui está.
    Me resultó una duda pero encontre su respuesta en el comentario 145, peeero no me funciona, quizas sea porque no lo hecho bien, lo que pones en el comentario 145 lo he sustituído por el paso 2 que explicas al principio, es así o es añadiendolo y no sustituyendo?
    Gracias Olo!

    ResponderEliminar
  171. Genial este post, es otra de las cosas que estaba buscando y voilá, aqui está.
    Me surgio una duda al hacerlo pero encontre la solución en el comentario 145, peeero sigue sin funcionarme. Lo que hice fue sustituir lo que comentas en 145, por el paso 2 que explicas al principio, es asi?
    Gracias Oloman!

    ResponderEliminar
  172. De nuevo estoy aqui, pense que no se habian publicado mis dos comentarios anteriores...He tenido una mala mañana, pero ahora lo he vuelto a intentar y conseguido!
    ;oP

    ResponderEliminar
  173. Pues nada Liyiss, perfecto. Así me ahorras trabajo ;)

    Curioso lo del amarillo indio :D

    ResponderEliminar
  174. Anónimo7/7/10, 1:26

    gracias por el post oloman... mira tengo un problema y es con eso de los posts ya que yo posteo y me sale doble el post, no se si entenderas, asi que te dejo mi blog Clic Aqui pinche en una de las entradas y te daras cuenta de lo que hablo... de antemano gracias oloman

    PD: Espero su respuesta

    ResponderEliminar
  175. Hola
    El contenido de cada post va en la variable data:post.body. Tendrás que repasar tu plantilla con artilugios expandidos, porque seguro que la encontrarás dos veces y sin separar por un condicional o algo por el estilo.

    ResponderEliminar
  176. Es como dices... Gracias Oloman, sos Grande!!!

    ResponderEliminar
  177. Buenas Olo, que tal, oye estoy muy contenta de como me han quedao por fin los post. Esto que te voy a preguntar ya es por pijeria... estaba cambiando un poco el diseño de "leer mas" y es que me modifica todo (negrita, subrayado...) pero no me cambia ni el color ni la fuente, eso por que?
    Y otra pijeria mas...se puede colocar de forma que quede a continuación del texto?
    Te moló lo del amarillo indio eh?jiji
    mil gracias

    ResponderEliminar
  178. Se te coló un $ en lugar de un # para el color:
    .leermas {
    margin: 0em 0 0;
    float:left;
    font-weight: bold;
    color: #000000;
    font-size: 95%;
    text-decoration: none;
    font-style: comic sans;
    padding-bottom: 0em;
    }

    Y para cambiar la fuente, tendrás que añadir dentro de ese selector...
    font-family:....... lo que sea. Ver post.

    ResponderEliminar
  179. Ui, no me habia dado cuenta del $... pero aun así no me lo cambia, tendrá que ver a lo mejor el color de los enlaces en general?
    Lo de la fuente, pense que seria algo más sencillo, tan solo queria ponerlo en comic sans que es una de las fuentes basicas. Lo mirare mas despacio a ver si no es muy complicado.
    Muchas gracias Olo.

    ResponderEliminar
  180. Perdón, se me escapó que es un enlace. Efectivamente el a:link que tienes definido para el aspecto general de los enlaces, es el que le da estilo al leer más que también es un enlace. Amplia los selectores como verás a continuación. De paso, te incluyo el font-family que necesitas:

    .leermas, .leermas a {
    margin: 0em 0 0;
    float:left;
    font-weight: bold;
    color: #585615;
    font-size: 95%;
    text-decoration: none;
    font-style: comic sans; <--BORRAR
    font-family: 'Comic Sans MS', Trebuchet MS, Tahoma, sans-serif;
    padding-bottom: 0em;
    }

    ResponderEliminar
  181. na de na, parece ser que no me llevo bien con los colores en mi blog...he estao mirando tooodos los links y ninguno me cambia el color a no ser que cambia el color, he probado tambien hacer un efecto hover con los titulos de los post cambiando el color y tampoco. Pero bueno no te preocupes más, si asi no me disgusta. La fuente si que me ha cambiado!!! gracias por todo Olo!

    ResponderEliminar
  182. Bueno, algo hemos conseguido y si te vale lo del color pues por mí perfecto, porque ya no sabía qué más hacer. Saludos.

    ResponderEliminar
  183. oloman muy buen tutorial , pero tengo una duda en mi blog he puesto eso de leer mas , pero ha venido con la plantilla , pero tengo un gran problema, la imagen que coloco la distorsiona ensanchandola, te agradeceria me puedas ayudar con este problema, mi blog es este:
    http://ksradio.blogspot.com/

    ResponderEliminar
  184. Eso lo regulas con:
    img_thumb_height = 150;
    img_thumb_width = 610;


    Pero si tienes ganas, quizás te interese más esto.

    ResponderEliminar
  185. si pero esas dimensiones que le de, seran fijas y las imagenes de las entradas no son del mismo tamaño

    ResponderEliminar
  186. Entonces, quizás te interese el enlace que te puse ;)

    ResponderEliminar
  187. gracias oloman ya pude arreglar el problema , te estoy agradecido, solo una duda mas , tal vez no va aqui pero no se dondeponerlo el problema es el siguiente:

    tengo una radio online y quiero poner en mi blog lo que actualmente se reproduce (y que cambie cada vez que cambie de cancion) pero la pagina de la radio me da un codigo en php si quiero conseguir eso, y al parecer blogger no me permite codigos php, por favor podrias ayudarme en eso o si hay otra manera de conseguir eso cin usar ese codigo php , te estaria eternamente agradecido

    ResponderEliminar
  188. Blogger no permite PHP pero sí puedes llamar a un fichero PHP desde un script:

    <script src='programadeemisora.php' type='text/javascript'></script>
    <script type='text/javascript'>funcionquemuestralaemisora();</script>

    Más info.

    ResponderEliminar
  189. He cambiado de plantilla por la Magic Paper y al intentar volver a poner las entradas en forma de sumario como hago siempre, no se realizan los cambios. El blog es: http://morganaren-zuhaitza.blogspot.com/

    ResponderEliminar
  190. :(

    "Este blog sólo admite a lectores invitados."

    ResponderEliminar
  191. Aggh, cierto... Debería invitarte (¿qué mail usas?)

    De todos modos, al final volví a mi plantilla de siempre porque esa a penas daba juego para toquetearla como a mí me gusta xD

    ResponderEliminar
  192. Si no la vas a usar y si no te importa, me ahorras el trabajo, que como siempre ando escaso de tiempo.

    Saludos Mσяgαиα

    ResponderEliminar
  193. Nada, pues por ahora no te doy tarea, cielo^^ Me quedo con la de siempre ;)

    ResponderEliminar
  194. Hola!!

    Apliqué a mi blog los sumários automáticos y quedó bien. También siguiendo tus posts de css logré incluir más contenedores, cambiar sus tamaños e incluir esquinas redondeadas. Solo un detalle. Desde hace un tiempo no me aparecen todos los posts que tengo seleccionado en mis settings (20) en la pagina principal, sino 1, 2 o 3 de manera aleatoria y cambiante tras publicar un post, junto con los enlaces older posts y newer posts que yo no he añadido nunca (eso sí, en formato de sumários automáticos). ¿Como podría hacer para que siempre me salgan en la página principal los últimos 20 posts? Mi blog es fjalonso.blogspot.com

    Gracias y felicidades por tu blog!!

    ResponderEliminar
  195. Frank, eso es por la autopaginación que instauró Blogger hace un tiempo. Ver segunda parte de esta entrada:

    http://oloblogger.blogspot.com/2010/03/problemas-que-se-solucionan-solos-o-no.html

    ResponderEliminar
  196. Muchas gracias Oloman!! Intentaré a ver si puedo reducir el peso d mi blog y de mis posts

    Gracias también por la rapidez en la respuesta :)

    ResponderEliminar
  197. Hola Oloman

    He aplicado a mi Blog esto (yo, un principiante novel)y ¡el resultado es FANTÁSTICO!

    Enhorabuena

    Tan solo he tenido un pequeño problemita: las páginas fijas de mi plantilla no se expanden, al pulsar en Leer Más (lo he renombrado) no funciona bien.

    ¿Hay alguna forma de que el summary y leer más se aplique solo a las entradas y no a las páginas fijas? Esto es lo que más me gustaría.

    Te dejo mi blog por si quieres echarle un vistazo (cuando lo hayas visto si quieres borra el enlace, no deseo hacer publicidad sino que me eches una mano puntual con este fantástico truco que nos has enseñado)

    http://www.personalysocial.com

    ResponderEliminar
  198. Psicoblogia, seré breve :D

    http://oloblogger.blogspot.com/2010/05/para-que-no-aparezca-el-leer-mas-en.html

    ResponderEliminar
  199. Genial Oloman, funciona perfectamente.

    Esto me pasa por leer tan a la carrera en vez de buscar y bichear un poco por tu blog. Te pido disculpas, podía haberlo encontrado sin molestarte.

    Muchas gracias por la ayuda prestada, y enhorabuena por este fantástico blog

    ResponderEliminar