8 oct 2012

Configurar la vista inicial del blog: Párrafo más miniatura en Blogger



En este artículo, veremos cómo configurar la vista inicial de tu blog para mostrar un fragmento de texto y una miniatura automática que se genera partir del contenido de cada uno de tus publicaciones.

resumen entradas y miniaturas por iniciaBlog.com

Tener una vista inicial del blog óptima puede contribuir a mejorar la velocidad de carga del blog, el posicionamiento y en este caso, ofrecer más contenido directo a tus lectores lo que repercute en el tiempo medio de cada visita.

Cual es el objetivo

El objetivo es aplicar en tu blog la misma configuración que tengo yo en iniciaBlog.com. Si te fijas, yo muestro mis últimos diez post, ofreciendo un pequeño párrafo y una miniatura del mismo. Este aspecto lo llevo probando desde hace tiempo y estoy muy satisfecho. Muchas personas me han preguntado por esto por lo que ha llegado el momento de explicar cómo se hace.

Configuración básica de Blogger para resumir las entradas


¿Cómo cortar el post para mostrar solo un párrafo?

insertar salto de linea en Blogger
Mostrar numerosos post completos en la vista inicial puede ser (es) una locura. Será una vista muy larga y obligas al usuario a desplazarse mucho para ver los post más antiguos. Tu pié de blog quedará muy bajo y es antiestético. Para contrarrestar esto, debemos incluir en el post lo que se llama un salto de linea. El texto que quede por encima de este salto se mostrará en tu vista inicial, para leer el resto hay que entrar en el post. Para insertar un salto de linea haz lo siguiente:
  1. Edita la última de tus entradas
  2. Identifica el punto donde quieres insertar el saldo de linea. (Yo lo hago después de mi primer párrafo y siempre antes de la imagen que acompaña cada post)
  3. Situa el cursor del ratón en el lugar exacto del texto donde vas a situar el corte
  4. Presiona el botón Insertar salto de linea (tiene un icono como de un documento partido)
  5. Guarda o publica tu post con este salto
  6.  Visualiza tu blog para que veas el efecto.

Nota: Si te equivocas de lugar de "corte", solo tienes que indicar con el cursor otra posición y presionar el mismo botón.  Si lo que quieres es quitar el salto, sitúate en el párrafo siguiente y dale a la tecla retroceder para eliminarlo.

Debes repetir este proceso con tus post anteriores o por lo menos lo últimos diez (sigue leyendo).

¿Cómo ajustar la cantidad de post mostrados en la página de inicio?

cantidad de entradas en blogger
La página de inicio puede mostrar desde un post hasta los que tu quieras. El problema de tener pocos es que estas obligando a tu lector a avanzar en tus publicaciones haciendo clic en anteriores. El problema de tener muchos (si los pones completos) es que tu vista inicial puede ser infinita y afectará a la velocidad de carga de tu blog. Para que te sirva de referencia, en mi caso muestro las 10 últimas publicaciones. Sigue estos paso para ajustar la cantidad de post a visualizar en tu blog:
  1. Ve a la pestaña Configuración
  2. Haz clic en Entradas y comentarios
  3. Indica el nº de entradas que quieres mostrar en la primera de las casillas
  4. Presiona Guardar
  5. Visualiza tu blog para que veas el efecto

Configurar el texto del enlace de "Leer más"

texto personalizar enlace de leer más
Ya controlas qué parte de texto de tus post y qué  cantidad de entradas dejas ver en tu vista inicial. Ahora vamos a personalizar el enlace de "Leer más"con un texto propio. Para ello sigue estos pasos:
  1. Ve a la pestaña Diseño
  2. Haz clic en Editar dentro de la zona Entradas del blog
  3. En la casilla Texto del enlace, indica lo que quieras. Yo tengo: Leer entrada completa »
  4. Presiona Guardar
Esto es libre y a tu gusto, lo cierto es que cuanto mayor sea la frase más protagonismo le das y eso es bueno. Otros ejemplos que he visto "Haz clic para seguir leyendo" o "Ver el artículo completo".

Fíjate que dentro de este mismo apartado también puedes configurar la cantidad de post que vas a visualizar en tu vista inicial.

Hasta aquí ya has dado un primer paso que a lo mejor ya es suficiente para tu blog. Mostrar la miniatura es opcional  y te lo dejo a tu criterio.

Mostrar una miniatura automática

Para lograr mostrar una miniatura automática a partir de las fotos/video insertado en tu post, vamos a tener que personalizar la plantilla HTML para incorporar el código necesario y luego aplicar un estilo CSS usando el diseñador de plantillas de Blogger. Para ello sigue estos pasos.

Añadir el código HTML para mostrar miniatura:

  1. Ve a la pestaña Plantilla
  2. Haz clic en el botón Crear copia de seguridad/restablecer
  3. Crea una copia de seguridad de tu plantilla actual
  4. Una vez que tengas la copia, haz clic en el botón Edición de HTML
  5. Usa la combinación de teclas Ctrl F o Ctrl B (en Mac ⌘F o ⌘B) para abrir el buscador
  6. Busca <data:post.body/> dentro de tu plantilla. Si encuentras el texto en dos posiciones dentro de tu plantilla, comentarte que estamos hablando de la primera de todas.
  7. Copia el siguiente código:

  8. Pégalo justo antes de la linea donde hemos encontrado <data:post.body/>
  9. Guarda tu plantilla

Añadir un estilo CSS para la miniatura:

diseñador plantillas blogger
Solo nos queda un último paso para dar por concluido este tutorial. Una vez insertado el código HTML vamos a aplicar el estilo CSS que permite alinear la imagen, bordes, etc. Para ello sigue estos pasos:
  1. Ve a la pestaña Plantilla
  2. Haz clic en el botón Personalizar para abrir el editor de plantillas
  3. Haz clic en Avanzado (en el panel de la izquierda)
  4. Haz clic en add CSS para añadir un estilo CSS
  5. Copia el siguiente código:
  6. Vuelve al editor y pégalo en la casilla que tienes en blanco (mira esta imagen
  7. Presiona Aplicar al blog y ¡listo!
Nota: Si quieres rodear la imagen con un borde, cambia donde pone border: 0px.....por borde: 1px...
Si quieres una sombra cambia la última linea por esta otra: box-shadow: 1px 1px 5px rgba (0, 0, 0, .1);

Si todo ha ido bien, ya has terminado este tutorial. Acabas de configurar tu blog con una vista inicial que incluye el párrafo inicial de cada entrada y una miniatura automática.

¿Conocías estos parámetros de configuración de Blogger? ¿has aplicado ya este tutorial? ¿lo ves práctico?

Me gustaría completar este artículo con tu comentario. Además si lo consideras interesante para tus amigos y seguidores compártelo utilizado los botones sociales situados en el pié del artículo.

¿Quieres recibir los próximos tutoriales de iniciaBlog directamente en tu email?

En este caso puedes suscribirte a nuestro boletín y recibirás los próximos tutoriales y consejos para tu blog directamente en tu buzón de correo electrónico. Recuerda que una vez envíes tu solicitud, recibirás un email con un enlace para confirmar tu suscripción. ¡Gracias!


177 comentarios:

  1. Buenas Tardes Jesús,
    Excelente tips, lo voy a aplicar a mi blog

    Gracias...
    Saludos Cordiales,
    Silvia Hernández

    ResponderEliminar
    Respuestas
    1. Muchas gracias a ti Silvia...
      Me alegra mucho saber que te ha gustado.
      Seguimos conversando
      Jesús

      Eliminar
    2. Hola Jesús, Saludos desde Colombia, Excelente tu blog, eres un duro.
      Te cuento: No me arroja los resultados esperados...
      Configuré todo al pie de la letra, pero NADA.
      NO ME SALE LA MINIATURA.... El salto de linea lo coloqué antes de la imagen y después del primer párrafo... Ayudame.
      Mi blog: www.guiadelsena.com

      Eliminar
  2. Gracias, me ha servido mucho!

    ResponderEliminar
    Respuestas
    1. Perfecto! Obed

      Gracias por comentar
      Jesús González

      Eliminar
    2. Lastima, pensé que era el primero en comentar.

      Eliminar
    3. jejeje. quizás en el proximo post. Gracias

      Eliminar
  3. Muy bueno, me funciono hasta cierto punto, pasa que la vista en miniatura se ve perfecta pero la descripcion del articulo sale por debajo de la imagen y no al lado como se ve en su blog, hay algo que se debe modificar?, agradeceria una respuesta, por cierto este es mi blog del que hablo: http://blogpara-aprenderingles.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Hola Asys,

      Me he conectado con tu blog y además te he dejado un comentario. La verdad es que lo veo todo bien con lo que entiendo que finalmente lo arreglastes.

      Mi me pudieras decir qué paso...te lo agradezco...sobre todo por si tengo que arreglar algo.

      Jesús González

      Eliminar
    2. Muchas gracias por su rapida respuesta, y si debo decir que lo solucione, lo malo fue que mi computadora no actualizaba el css, pero lo solucione usando otro navegador. Y como se puede ver en mi blog todo funciona perfectamente.

      Recomiendo a todos usar este truco, si funciona.
      Muchisimas Gracias.

      Eliminar
    3. Perfecto Asys por volver a responderme. Es sumamente importante contar con tu opinión.

      Un fuerte abrazo,
      Jesús.

      Eliminar
  4. Muy buena información! creo que me servirá por que en estos días pienso ponerla en práctica :D

    ResponderEliminar
    Respuestas
    1. Perfecto Carlos! ya nos cuentas un poco cómo ha ido.

      Un abrazo,
      Jesús

      Eliminar
  5. Muy buena publicación Jesús!! La verdad que yo le estoy dando muy poca bola a eso.. pero ahora que veo tus consejos, en uno de estos días me pongo manos a la obra..

    Un abrazo para vos.

    ResponderEliminar
    Respuestas
    1. Muchas gracias Albers,

      Con tranquilidad e ir mejorando poco a poco. Tus contenidos son de calidad y eso es lo que es verdaderamente importante. Con respecto al diseño poco a poco.

      Jesús

      Eliminar
  6. Excelente Jesús, muy útil :) yo lo utilizo de esta manera en los posts de mi blog y nunca me ha decepcionado :D (Aunque no le he puesto una etiqueta alt :/ creo que tendré que hacerlo).

    Un datito: Podrías poner un b:else dentro de la condicional data:post.thumbnailUrl para cuando no haya una imagen en el post, aparezca otra imagen que diga "sin vista previa" o algo así, el código que dejo en negrita es el que faltaría:

    <b:if cond='data:blog.pageType == "index"'>
    <b:if cond='data:post.thumbnailUrl'>
    <img class="postthumb" expr:src ="data:post.thumbnailUrl" expr:alt="data:post.title"/>
    <b:else/>
    <img class="postthumb" src="URL-IMAGEN-NO-DISPONIBLE" expr:alt="data:post.title"/>

    </b:if>

    En mi caso no me ha funcionado esta exclusión, pero la he probado en blogs de prueba y funciona 10/10, algo tendré que corregir probablemente en mi plantilla.

    Un abrazo estimado :)

    ResponderEliminar
    Respuestas
    1. Genial Victor,
      Me ha encantado tu consejo y aquí queda...
      En mi opinión si no pones imagen en el post ni pones video no sé...creo que lo mejor es eso que no aparezca ninguna miniatura. Aún así me resulta sumamente interesante. Muchas gracias por este consejo.

      Jesús González

      Eliminar
  7. Hola Buen Días, Jesus, Creo que en algo me fallo,
    Me podrías decir en donde en donde está el error!!
    -gracias Sds. !
    Está es mi página
    http://comunika-te.blogspot.mx/

    ResponderEliminar
    Respuestas
    1. Hola de nuevo Silvia,
      En tu caso, como tu siempre empiezas con la imagen en tus post es diferente al mio. Me explico, yo empiezo con un párrafo luego le doy al salto de linea. Este invento lo que hace es extraerme de mi pos una miniatura a patir de la imagen que está por debajo del salto de linea.

      Veo que tienes las entradas cortadas, pero como tu imagen está por encima del corte no veo necesario que apliques la miniatura...no sé si me he explicado.

      Jesús González

      Eliminar
    2. Hola Jesús,

      Gracias!!! he logrado hacer los cambios....me ha gustado!
      tu blog!!

      Slds cordiales
      Silvia Hernádez

      Eliminar
  8. Me sirvió muchas gracias, tengo una pregunta tienen algun post de como paginar mi blog para que aparezcan el numero de paginas y no el entrada antigua.Gracias

    ResponderEliminar
    Respuestas
    1. Hoa Luis,
      Gracias por tu comentario....con respecto al páginado te recomiendo que revises el truco nº 45 de la lista de los 50 mejores trucos para blogger.

      Es el mejor que he probado. Dale recuerdo a Emilio de mi parte mediante un comentario en su blog.

      Avísame cuando lo tengas para verlo.

      Un fuerte abrazo y muchas gracias por tu comentario
      Jesús González

      Eliminar
    2. ya puse el paginado es el mejor como tu lo dijistes, estoy contento quedo muy profesional.puedes visitar mi blog para verlo.
      http://devopolis.blogspot.com/

      Eliminar
  9. Gracias amigo. Tienes un intereante y útil, Blog.

    ResponderEliminar
    Respuestas
    1. Muuuuchas gracias Enrique,

      Un placer tenerte por aquí y contar con tu opinión.

      Seguimos conversando,

      Jesús González

      Eliminar
  10. Te sigo desde hace poco y agradezco mucho haberte encontrado!!!! Excelentes tips que podré en practica en mi blog

    ResponderEliminar
    Respuestas
    1. Muchas gracias Sara,
      Ahora yo también te sigo a través de Google+.

      Tu blog está muy muy profesional, contenidos de calidad y fácil de leer.
      Muchas gracias por compartirlo.

      Seguimos conversando,
      Jesús González

      Eliminar
  11. Es curioso. Intenté crear las miniaturas en mi blog www.blogdesap.com . Pero como la primera imagen que ilustra cada uno de mis posts es un código html que enlaza una imagen de flickr el truco no me funciona. Me mantiene el tamaño original de la imagen de flickr y me añade un imagen en miniatura de la segunda imagen que hay en el artículo.

    ResponderEliminar
    Respuestas
    1. Muuchisimas gracias por compartir tu blog.

      Te acabo de deja un comentario...yo la verdad es que no veo la necesidad de que apliques el tema de la miniaturas ya que tu post empieza con una imagen. No es como mi caso que si que empiezo con un párrafo luego viene el salto de linea, por lo que si que me hace falta la famosa miniatura.

      Siento que no se ajuste a tu caso
      Jesús González

      Eliminar
  12. Tengo un problema para cambiar el blog de url, me podrias ayudar por favor?

    ResponderEliminar
    Respuestas
    1. Si claro,
      Dime y como más o contáctame por email mediante el formulario de contacto que tienes en la parte superior del blog.

      Muchas gracias Jaione,
      Te espero

      Jesús González

      Eliminar
    2. ¡Por favor! Gracias a ti Jesus, ya te he enviado el email, besos

      Eliminar
  13. Hola Jesús, primero decirte que me encanta tu blog, he aprendido muchas cosas sobre códigos html, cosas que antes me parecían enormemente complicadas.
    Esta última entrada sobre las miniaturas me parece muy útil y la estoy aplicando a mi blog, aunque tenga que cambiar todas las entradas, merece la pena, cuando acabe de renovarlo quedará más limpio.
    Pero me surgió un pequeño problema, como otro usuario comentó, la miniatura se me queda por encima del comentario que acompaña a la miniatura, y me gustaría que quedarán a la misma altura, no se si debo cambiar algo en el código html o en el css, muchas gracias por adelantado y felicidades por tu trabajo,

    ResponderEliminar
    Respuestas
    1. Se me olvidaba mi blog es........http://mundo7arte.blogspot.com.es/

      Eliminar
    2. Hola Omar,

      Muchas gracias por el comentario.
      He estado revisando y lo cierto es que todo es OK. Lo que está pasando es que tienes algún estilo CSS que predomina con respecto a la imagen. He estado un tiempo mirando tu código pero no he adivinado qué propiedad CSS es la que está forzando que la imagen se muestre como se muestra.

      Veo que tienes una plantilla personalizada, esto no debe ser problema pero hay algo que no he podido identificar.

      Por favor déjame seguir mirando para ver si doy con lo que pasa en tu caso.

      En realidad no se ha dado ningún otro caso igual que el tuyo.

      Te vuelvo a decir algo, ¿Vale?

      Jesús González

      Eliminar
    3. Gracias Jesús, lo del comentario a la misma altura que la miniatura esta solucionado.

      No se si te refieres, cuando hablas de la CSS, al borde gris de la miniatura, pense que era cosa de plantilla, de todas formas me gusta como queda la miniatura, reduce espacio y yo al menos lo veo prefecto, no como cuando empecé en el blog, hace más de un año, que se veía todo revuelto.

      Lo único que quería plantearte es si es posible que la miniatura se viera un poco más grande, se debe cambiar alguna numeración en el HTML???

      De nuevo un millón de GRACIAS

      Eliminar
    4. Hola Omar,

      ¿Y cómo hiciste al final para solucionarlo?

      Por defecto el tamaño mostrado es por defecto de 72px. Es la misma miniatura que se obtiene cuando visitas tu blog a través de móvil.

      Para cambiar el tamaño vas a tener que realizar otra modificación. Por favor revisa este enlace (inglés) donde explican en una segunda parte cómo ampliar el tamaño de la miniatura.

      Ya nos comentas

      Eliminar
    5. Hola de nuevo Jesús;

      La verdad es que no toque nada de los códigos, los estuve repasando pero para cuando me di cuenta el texto estaba donde quería, un misterio.

      En cuanto a cambiar el tamaño de la miniatura, en inglés me resulta demasiado complicado, intento agregar los códigos, pero solo consigo dos miniaturas de diferentes tamaños y los intento sustituir y la plantilla me da error,la verdad es que algo me manejo con el inglés pero para esto no jaja...

      Eliminar
    6. De momento si te parece tiramos así... y a ver si yo puedo adaptar este tutorial para contemplar tu caso ¿te parece?...ten algo de paciencia...

      Saludos,
      Jesús

      Eliminar
    7. Gracias por tu ayuda Jesús, estaré atento a tus entradas y noticias que vas publicando.

      Gracias y saludos

      Eliminar
  14. Geniañ el truco, yo uso una forma similar en mi blog :P

    ResponderEliminar
    Respuestas
    1. Muchas gracias Juvinao....y qué buena pinta tiene tu blog!...

      Eliminar
  15. Muchas gracias por este maravilloso tutorial. Lo he aplicado paso a paso, ahora iré viendo los resultados. Un saludo desde Madrid.

    ResponderEliminar
    Respuestas
    1. Muchas gracias..cualquier duda coméntame nuevamente.

      Eliminar
    2. Muy buen post Jesus, pero sigo igual en cuanto a recortar el post para mostrar en la pagina inicio. Es que tengo un problema mira antes del primer parrafo de cada post pongo un anuncio float left del texto o del primer parrafo y entonces en la pagina inicio me lee el codigo del anuncio de cada post entonces es un caos enorme el que tengo con esto, entonces lo que quiero es todo los contrario, hay algun codio para que no me lea la pagina inicio el codigo del anuncio???? que puedo hacer??? gracias esperare tu respuesta.

      Eliminar
  16. Gracias Jesús, por todos tus buenos consejos.
    He empezado a aplicar algunos de ellos y la verdad es que me están funcionando muy bien!!!
    Que suerte tenemos los blogeros novatos de tenerte! La verdad es que estoy encantada de seguirte.
    Mi blog es www.mamapsicologainfantil.com o www.mimamapsicologainfantil.blogspot.com.es
    Podrías verlo y recomendarme algunas mejoras? La verdad es que me vendrían genial que alguien como tu me aconsejara un poco.
    Muchas gracias por tu excelente trabajo.

    ResponderEliminar
    Respuestas
    1. Hola Sara,
      Te sigo a través de email. Quice hacerlo a través de Twitter pero creo que tu enlace no es correcto desde el icono de Twitter.

      Tu blog está genial...se ver que te lo has curado muchísimo. Los contenidos me resultan de lo más atractivo...seguimos conversando sobre cómo mejorar o que pasos dar.

      Gracias
      Jesús González

      Eliminar
  17. Jesús, gracias por tus consejos, son muy útiles y ya apliqué varios. Quería poner en mi blog (mipresupuestofamiliar.blogspot.com.ar) una imagen en miniatura pero más pequeña de la que me aparece por defecto. Probé tu método y me deja la misma, ¿hay alguna forma de hacerlo? desde ya, muchas gracias!
    Paula

    ResponderEliminar
    Respuestas
    1. Muchas gracias Paula,

      Te he dejado un comentario en el último de tus post. Lo que te decía es que para una correcta aplicación tu post debe comenzar con un párrafo de texto, luego vendría el salto de linea. Con esto conseguiras aplicar correctamente este tutoria. La miniatura resultante es de 72px.

      Ya me vuelves a comentar cuando hagas esta prueba. Vale?

      Eliminar
  18. HOLA JESUS.

    SOLICITO AYUDA YA QUE NO PUDE Añadir el código HTML para mostrar miniatura:. AL MOMENTO DE GUARDAR ME DABA ERROR.

    YO BUSQUE LA SECCION COMO SE INDICA EN EL TUTORIAL PERO AL PEGARLO EN LA LINEA ANTERIOR Y GUARDARLO ME DABA ERROR.

    ESPECIFICAMENTE DONDE DEBO COLOCARLO, PORQUE ANTES DE LA LINEA DONDE APARACE EL PRIMER data:post.body/> HAY OTRA LINEA CON UN COMANDO. PREGUNTO: SE PEGA EL CODIGO PARA MOSTRAR MINIATURA SEGUIDO DEL COMANDO QUE APARECE EN LA LINEA ANTERIOR DEL data:post.body/> O SE LE HABILITA UNA NUEVA LINEA ANTES DEL data:post.body/> Y SE PEGA EL CODIGO DADO EN EL TUTORIAL?

    GRACIAS. ESPERO POR TUS INDICACIONES

    ResponderEliminar
    Respuestas
    1. Hola Olegario,

      Necesito conocer la url de tu blog para ver qué puede estar pasando. Gracias y disculpa mi demora en responderte!

      Eliminar
  19. Utilísimo este post. Era justo lo que buscaba y lo has resuelto de una forma fácil y sencilla. Muchas gracias.

    ResponderEliminar
    Respuestas
    1. Muchísimas gracias Adriana,

      La verdad es que este resumen está muy bien y como explicaba llevo tiempo usándolo en inciaBlog.com

      Jesús González

      Eliminar
    2. Adriana, otra cosa...he querido ver tu blog pero tienes más de diez, quería ver cómo de había quedado.

      Abrazos,

      Jesús

      Eliminar
  20. Respuestas
    1. Muchas gracias Jenniffer...si puedieras compartir co nosotros la url de tu blog estaría muy bien.

      Te acabo de dejar un comentario en tu blog, espero que lo veas.
      Jesús González

      Eliminar
    2. Gracias Jesús he visto tu maravilloso comentario, me quedé contenta jejeje es el primer comentario del blog que cada día va creciendo sorprendentemente. Mi url es www.materialdeaprendizaje.com, he aplicado allí este truco de las entradas resumidas con imágenes en miniatura y me quedé encantada ya que me parece más ordenado y además la carga de la página principal es mucho más rápida. Muchas gracias por el gran aporte.

      Eliminar
  21. lamentablemente en mi plantilla no me resulta...que puedo hacer en el caso de que no se afectue el cambio como o que modifico en ella para poder ver los cambios?

    ResponderEliminar
    Respuestas
    1. Hola Real Fenix,

      La verdad es que no entiendo muy bien el motivo por el cual no logras aplicar este tuto. He vistos tus blogs y veo que no usas plantillas dinámicas a las cuales no puedes cambiar el HTML, así que no logro entender por qué.

      Siento no poder ayudarte mucho más.


      Eliminar
  22. Tengo un gran problema. No tengo mucha idea de como va esto, pero cuando publico un nuevo post, a mis seguidores no le aparece ninguna foto, tan solo el título y parte del texto. ¿Como puedo hacer para que además aparezca la foto? Antes si que aparecía, pero llevo tiempo que no.

    Espero tu respusta.

    ResponderEliminar
    Respuestas
    1. Revisa si tu blog está configurado con el Feed Completo. Ve a Configuración-->Otros y asegúrate que el feed del sitio es completo.

      Saludos,
      Jesus.

      Eliminar
  23. Muy interesante tu blog.
    A ver si me puedes ayudar, como puedo hacer para que el leer más me aparezca centrado y no a la izquierda.?...lo he intentado con el css pero no hay forma.

    ResponderEliminar
    Respuestas
    1. Hola Shopping Style,

      Si manejas CSS prueba a quitarle cualquier float:left o right y pon la propiedad text-Align:center;

      Saludos,
      Jesús

      Eliminar
  24. Hola, mi pregunta tal vez parezca obvia, pero vale la pena darla a conocer: Blogger ha establecido de manera predeterminada el número de entradas a 10? Es posible configurarlo a 1 solamente?
    Gracias.

    ResponderEliminar
    Respuestas
    1. Si Mordar,
      Vete a Configuración-->entradas y comentario y establece a 1 la casilla donde pone Máximo de entradas:

      Saludos,
      Jesús

      Eliminar
  25. Gracias por responder Jesús Gonzáles.
    Estoy usando el nuevo estilo de blogger y me di cuenta de que para aplicar el número de entradas necesitamos ir a opciones>disposición(donde se edita la distribución de gadgets)>seleccionamos el gadget de entradas>editar. Ahí viene la opción número de entradas a mostrar (donde colocamos manualmente el número preferido).
    P.D. Se que mi respuesta no es necesaria ya, pero lo consideré útil para otros y más aún responder cordialmente su atención.
    Gracias de nuevo.

    ResponderEliminar
    Respuestas
    1. Está perfecto Mordar y efectivamente es correcto. Muchas gracias por esta nota.

      Jesús González

      Eliminar
  26. Hola Jesus, primero que nada felicitarte por el excelente trabajo que haces en este blog.

    E intentado implementar esto en mi blog pero no funciona. En la última entrada escribí un parrafo, luego un
    , luego una imagen y luego el

    En mi caso, tengo 3 post.body, e pegado el código antes del primero, pero no funciona :S

    Ojala me puedas ayudar. Gracias

    ResponderEliminar
    Respuestas
    1. Acabo de dejarte un comentario en tu blog, espero que lo veas y sobre todo espero dar con lo que ha pasado.

      Eliminar
    2. Hola, gracias por el comentario, pero al final opte por cambiar de plantilla. Quizás mi plantilla traía arrastrando algo que impedía funcionara esto :S

      Saludos.

      Eliminar
  27. Apenas voy empezando en esto de los blogs, la verdad es que me estoy dando cuenta que ando corto con las entradas en mi blog y estoy trabajando muy lentamente en el, pero pues trataré de ir avanzando poco a poco en ese aspecto.
    Quiero felicidar a Jesús Gonzales por el increíble trabajo que esta haciendo en este blog, me ha ayudado bastante con muchas de las entradas y hasta ahorita es el primer comentario.
    Solo para que lo sepas, encontré este blog haciendo una búsqueda en Google de "como agregar lista de fans a tu blog", hice todos los pasos y todo a la perfección. Iré buceando para ver que mas puedo aplicar a mi blog y espero aqui estemos en contacto.
    Saludos

    ResponderEliminar
    Respuestas
    1. Muchisimas gracias cLaRk Ruiz,

      Para mi es un verdadero privilegio contar contigo y con tus comentarios en este Blog.

      Un fuerte abrazo!
      Jesús González

      Eliminar
  28. Me sirvio, la verdad hace tiempo buscaba esto, y hay muchos post, pero los explicaban mal o simplemente habia expliacaciones de blogs viejos donde antes habia que hacer un salto te pagina por medio de HTML, asi que gracias por tu ayuda y pasen por mi Blog si lo desean, saludos

    ResponderEliminar
  29. Bueno, yo voy a decir lo que me gustaría: que el lector vea mi última entrada completa y nueve resumidas. Cuando entro a mi escritorio en blogger veo los resúmenes de mis entradas tal y como me gustaría que aparecieran. Y digo yo, que no se nada, que no debe ser difícil porque blogger ya lo hace.
    A lo bruto, si yo añado al final de cada entrada los resúmenes de las 9 anteriores mediante copypaste, ¿podría funcionar?
    Otra barbaridad: ¿Se puede añadir una pestaña con las entradas de los últimos treinta días? de manera que se vea la última entrada completa y el resto (los resúmenes) pulsando en la pestaña "entradas de los últimos 30 días"?.
    Por cierto mi blog: http://www.yporquenounblog.com

    ResponderEliminar
    Respuestas
    1. La verdad seria una excelente opcion Paladin la que tu mencionas, asi que si alguien sabe como se hace , estaria muy bien que hagan un articulo sobre eso, creo que ayudaria a generar trafico entre las entradas por si mismas, ya que al terminar de leer una, inmediatamente tenemos la visual resumida de las otras, y eso llama la atencion del lector y seguramente entrara en varias o hasta abrira varias pestañas en su navegador con varios de nuestros articulos, buen Paladin, saludos a todos

      Eliminar
    2. Me auto-respondo: he hecho la prueba (meter al final de la entrada los resúmenes que aparecen en mi escritorio de blogger) y funciona; pendiente de mejorar algunos detalles. Tampoco cuesta demasiado. De hecho mi última entrada ya está así.

      Eliminar
    3. Alejandro, ya lo estoy haciendo y no queda mal. No es difícil. Los resultados provisionales los tienes en mi blog. Cuando haya resuelto los detalles y a falta de algo mejor (lo que hago es copiar, pegar y suprimir algún resumen) puedo explicar los detalles. Insisto en que no es dificil porque los resúmenes se mantienen en su formato original (fotos, texto y enlaces). Venga

      Eliminar
    4. es verdad acabo de entrar a su Blog y funciona, como vemos hay muchas opciones, solo hay que conocer los codigos y meta correctos,saludos

      Eliminar
    5. Me gustaria que alguien etre a mi Blog y vea que tengo mis entradas resumidas, pero solo quiero que se vea hasta "LEER MAS" y no lo que me sale por debajo es decir todo lo siguiente.

      Publicado por AUTOR Alejandro Sugasti 1 comentario:
      Enviar por correo electrónico
      Escribe un blog
      Compartir con Twitter
      Compartir con Facebook
      Enlaces a esta entrada
      Etiquetas: TRAFICO


      Si entran mi blog se daran cuenta mejor de que hablo y espero que alguien me diga que codigo tengo que añadir o quitar para poder sacar eso, gracias y espero respuesta http://todoparatublogg.blogspot.com.ar

      Eliminar
    6. Hola Palantir y Alejandro,

      Tengo que confesarles una cosa, es la primera vez que ocurre esto, es decir que alguien deja un comentario y se genera una conversación tan intensa y bonita como la que estoy leyendo.

      Muchas gracias por compartir, tanto el problema como la solución que Palantir propone.

      Una vez dicho esto, responderé por separado para no mezclar los dos temas.

      Gracias!
      Jesús González

      Eliminar
    7. Palantir,

      La verdad es que el impacto visual de la solución de un "autoresumen" de las entradas al pie de la útima de tus publicaciones es muy bueno. Coincido que puede hacerse de manera sencilla pero no te lo recomiendo, es decir hay que tratar que esto sea algo natural y dinámico de lo contrario serás un esclavo de tu propia solución.

      Puede hacerse que de manera automática al pie de cada entrada de tu blog se generen enlaces a entradas relacionadas de manera automática. Si lo sé no es lo mismo pero me gustaría que lo valoraras.

      Mira por favor el truco 16 y el truco 17 de la lista de los 50 mejores trucos para blogger que creé en su dia a ver si es lo que quieres.

      Otra cosa, has vist como se ve tu blog utilizando las vista "Magazine", mira esto http://www.yporquenounblog.com/view/magazine

      Espero por tu nuevo comentario y vamos reflexionado un poco más sobre el tema hasta encontrar juntos una solución a tu reto.

      Jesús González

      Eliminar
    8. Alejandro,

      Lo más facil es comenzar a quitar esos elementos desde diseño primero, ¿te parece?. Para ello ve a la Pestaña Diseño y pulsa Editar en el GadGET de Entrada. Veras una serie de casillas, ve desmarcando aquello que no te interesa mostrar para ver hasta donde podemos llegar. Recuerda guardar para aplicar los cambios en tu blog.

      Una vez que lo hayas hecho vemos cómo queda y podemos seguir quitando alguna otra cosa ya por CSS.

      Coméntame.

      Jesús.

      Eliminar
  30. Hola Jesús,
    soy nuea en esto, llevo muy poco tiempo usando blogger y poco tiempo desde que conozco tu blog... pero desde que lo conocí ha sido cuando me he interesado por meterle mano al blog q tenía, porque veo que se pueden hacer cosas chulísimas gracias a tu ayuda.
    He hecho esto y me sale la vista en minuatura arriba del texto, he leido por ahi que a alguien le pasó igual, pero se solucionó solo... a mi no se me soluciona :P
    mira mi blog es www.academia-granada.com No se si se puede poner un enlace a tu blog desde el mio o algo para darte publicidad, porque realmente te la mereces. Gracias por todo de antemano.

    ResponderEliminar
    Respuestas
    1. Blog como los de inciablog, hay pocos, yo he mejorado bastante mi blog, y gracias a eso he aumentado mis visitas y el seo de mi blog, gracias iniciablog

      Eliminar
  31. Hola Jesús: Me gustaría centrar la imagen. creo que se realiza en CSS y donde se especifica float:left;, sustituyendo left por center, pero soy tan bruto que no se encontrar lo que en introducido en avanzado CSS y pegando lo que tu indicas en tu post. Podrías ayudarme.

    ResponderEliminar
  32. Buenas tardes: Creo que no hay intención de ayudarme en la consulta que realice el día 10-12-12. De todas formas Muchas Gracías.

    ResponderEliminar
    Respuestas
    1. Buenas noches Luis,

      Lo primero es aclararte que ayer leí tu mensaje y reconozco que fue un fallo mio no decirte que por lo menos estaba al tanto. Verás Luis hay temas que puedo responder de manera rápida. Otras como es tu caso me llevan más tiempo, verlo y sobre todo trasmitirte cómo solucionarlo. El CSS lo conozco básico y no es mi fuerte.


      La pregunta, dices que quieres centrar la imagen, entiendo que la imagen de cada post o la miniatura. Puedes ponerme un ejemplo por favor.

      Recuerda que si lo que quieres es centrar una imagen que tienes dentro de tu post, basta con hacer clic sobre ella y te saldrá un menú donde podrás seleccionar que la quieres a la derecha, centrada o a la izquierda.

      Si de lo que se trata es de centrar la imagen de la miniatura, efectivamente hay que meterse dentro de la plantilla y modificar lo que se llama una clase.

      Antes de adentrarnos en tu plantilla necesito saber exactamente a qué imagen o imágenes te refieres.

      Muchas gracias por tu comentario y a la espera de tu respuesta.

      Un abrazo,
      Jesús González

      Eliminar
    2. Gracias Jesus, me refiero a la miniatura de la imagen que hay en el post. Yo introduje tus lineas CSS y queda a la izquierda. Como he centrado los titulos de los post, me gustaria centrar tambien la miniatura, ya que queda mas estetico y creo que es cambiar left por center, pero no doy con la linea dentro de la plantilla. No se si me explicado bien, pero en esencia eso es lo que quieria expresar en mi pregunta.

      Eliminar
    3. Perfecto Luis...pero...no veo que tengas aplicado lo de la miniatura.

      Por ejemplo la entrada que pone "INICIO ASTRONÓMICO DEL VERANO DE 2012". efectivamente la imagen se ve a la izquierda pero esa imagen no es producto del sistema de miniatura que yo hago es este post. Ve hasta esa entrada, edita ese post. Haz clic en la imagen y en el menú que te sale dile que la quieres Centrada. Guarda el post y visualiza tu blog.

      Me doy cuenta que no tienes aplicado este código, por lo menos en el que creo que es tu blog ya que se ve muy grande. Fíjate en la vista inicial mia como la miniatura mia es mucho más pequeña.

      Eliminar
    4. No, porque he restablecido la planilla antigua y solo quiero poner las miniaturas cuando logre centrarlas. De momento he vuelto ha dejar la plantilla que tenia antes de introducir las lineas de codigo que tu pones en tu post.
      Un Abrazo
      Luis, y gracias por tu interes

      Eliminar
    5. Ok. He estado haciendo pruebas pero tampoco me sale centrar la imagen. Mañana lo comentaré con una persona y de las conclusiones que saquemos te lo dejo saber. ¿te parece?

      Saludos,
      Jesús.

      Eliminar
    6. Buenos días Jesus, siento darte tanto trabajo, pero para mí es importante hacer las miniaturas tal y como te he comentado.
      Un abrazo
      Luis

      Eliminar
    7. Hola Luis,

      Tal y como te comenté ayer, hoy lo he discutido con un amigo.

      He aplicado tu propuesta en estos momentos y de manera temporal en iniciaBlog para que veas el efecto. Si es el correcto dímelo para pasarte el cambio que debes hacer.

      A la espera de tu comentario.

      Eliminar
    8. Enhorabuena Luis, ya veo que lo has logrado con las últimas indicaciones.

      Saludos,
      Jesús

      Eliminar
  33. Gracias por contestar tan pronto Jesús. He visto lo que me dices y tienes razón, ya puedo decir que para cada nueva entrada me toca montar los resúmenes a mostrar y eliminar los resúmenes de la entrada anterior. Las plantillas dinámicas me parecen en general muy impactantes, pero se pierden muchas cosas (o eso creo, casi no manejo código)en especial la barra lateral, que como verás la tengo bastante llena y la personalización, por eso dije sencillamente lo que me gustaría, para tener algunas de las ventajas de las vistas dinámicas sin perder el diseño tradicional. He visto el blog en todas las opciones dinámicas y se nota que no he aplicado el salto de página como recomiendas. Tengo que cambiar de mentalidad a la hora de montar las entradas. Poco a poco.
    Bueno, yo insisto: si Blogger me hace los resúmenes de las entradas del mes debe ser porque maneja las fechas de publicación para saber que entrada hay que presentar y cual no. Desconozco como se organizan internamente las entradas en blogger, pero se trataría de que esa utilidad (montar un resumen por fechas)pudiera ser utilizada para presentar los resultados al final de la página.
    Venga

    ResponderEliminar
    Respuestas
    1. Hola de nuevo Palantir,
      Qué bueno que hayas respondido.

      Por ir sacando una conclusión, lo que pides es muy bueno pero de manera natural no es soportado por Blogger, es decir no es un Gadget ni una opción de la interface de usuario.

      Habría que buscar algún script que yo desconozco. Otra solución de ver si das con un blog que lo tiene implementado. Partiendo de esto lo que no te recomiendo que es tu manualmente simules el efecto editando el último post por fácil que pudiera ser.

      Si doy con algo te vuelvo a avisar.
      Jesús González

      Eliminar
  34. He seguido todo, el post me ha ido perfecto. Muchas Gracias. Si pudieras decirme como poner el texto a la derecha de la imagen estaría muy agradecido. Hubo en los comentarios un chico con una web de aprender ingles que le pasaba lo mismo. He ido a su web pero no he podido encontrar la solución. De antemano gracias.

    ResponderEliminar
    Respuestas
    1. Muchas gracias Aulacero21 por tu visita y por tu comentario. Me haría falta conocer la URL de tu blog para poder ver el motivo por el cual el texto no aparece a la derecha.

      Te espero,

      Jesús González

      Eliminar
  35. Hoy es el día de mejorar cosillas... Puedo insertar el salto en post ya creados y publicados? en el próximo lo haré pero me gustaría aplicarlos ya en todos.
    Gracias.

    ResponderEliminar
  36. SOS!!! Creo que la he liado, he puesto los saltos de linea en todas mis entradas, no solo se me han quedado en modo borrador si no que cuando intento ver en modo editar, cualquiera de mis entradas, me aparece la misma en todas. Es como si se hubieses borrado... Por favor ayúdame que estoy de los nervios

    ResponderEliminar
    Respuestas
    1. Bueno Mamen,

      Acabo de ver que has conseguido normalizar la situación, por favor poco a poco y siempre que nos adentremos en la plantilla es sumamente importante la copia de seguridad.

      Saludos,

      Jesús

      Eliminar
  37. muchas gracias tío, ayuda mucho, acabo de arreglar mi blog que quedo mejor.

    desde noticiasdelrealmadridweb.blogspot.com

    ResponderEliminar
    Respuestas
    1. Genial Rach, muchas gracias por tu comentario y por compartir tu blog!

      Jesús

      Eliminar
  38. Hola jesus.
    lo aplique a mi blog y me funciono, pero queda muy chico y quiero que quede al costado derecho del post. porque ahora esta abajo de todo, entonces me gustaria saber como poder sacar este codigo porfavor. Gracias

    ResponderEliminar
  39. como hago para borrar este truco luego de aberlo aplicado ya a mi blog.
    mi blog es: Proyectblogger.blogspot.com

    ResponderEliminar
  40. Aclaracion: no hice copia de seguridad

    ResponderEliminar
    Respuestas
    1. Perfecto por la aclaración,

      Para deshacer solo tienes que seguir el tutorial e ir quitando aquello que te digo que pongas. Yo como si fueras a aplicarlo otra vez y ve quitando de la plantilla lo que yo te propongo que pongas, eso si, no te saltes el paso de la copia de seguridad.

      Muchas gracias Facundo, espero que lo resuelvas.

      Feliz Navidad!

      Jesús González

      Eliminar
  41. Gracias Jesus ya lo resolvi!

    Feliz navidad!!

    ResponderEliminar
  42. Excelentes consejos, ya los tengo aplicados en mi blog.
    Gracias

    ResponderEliminar
    Respuestas
    1. Muchas gracias Suja por tu visita y por el comentario.

      Jesús González

      Eliminar
  43. Graciaaaaaaaaaaaaaaas. Hace tiempo andaba buscando como dejar sólo el resumen de las entradas en la página principal.
    Muchas gracias por la información

    ResponderEliminar
    Respuestas
    1. Gracias JMSS, le alegra mucho que te haya servido la documentación. Un fuerte abrazo y lo mejor para el 2013!

      Jesús González

      Eliminar
  44. Hola, yo no se si he realizado bien mi blog!!!!el es gracielataller.blogspot .com, no se como debo hacer para ingresar amigos blogers???

    ResponderEliminar
    Respuestas
    1. Muchas gracias Graciela,
      Acabo de dejarte un comentario en Google+, espero que lo leas. Seguimos conversando.

      Jesús González

      Eliminar
  45. Hola, que tal? Estoy haciendo desde hace algun tiempo un blog. Quisiera saber como hago para que ma mini imagen que aparece en la pestaña de google cuando se visita el blog pueda ser otra en vez del simbolo de blogger, se entiende? esa que al visitar el blog, en tu caso es un ib al lado de la descripcion url de la pestaña de navegacion. Si me pudieras ayudar seria genial! Gracias!!

    ResponderEliminar
  46. Hola Jesus esta muy bien este metodo , tengo un blog de fotografia http://fotografiademoises.blogspot.com.es/ y estaba buscando esto de imagen en miniatura, para acceder a la entrada completa , pero para no cagarla con mi blog. he creado uno de prueba http://prebassssss.blogspot.com/b/html-preview?token=N_TQOzwBAAA.3CAeYJ4GV9ZBfVnRWcZXYw.T7AUsQCbh_bFLuryLqRJVw como veras tras seguir tus pasos se me ha dado bien lo de poner la minitura pero el texto me sale debajo de la imagen y no al lado como preferiria , y sobre todo el principal problema es poner la imagen mas grande he seguido el tutorial que pusiste el enlace , el de la pagina en ingles pero no me sale bien :S que podria hacer? GRACIAS!!!!!!!

    ResponderEliminar
  47. ¡Muchas gracias!
    Me ha sido de mucha ayuda tu explicación. Sencillo y eficaz :)
    Me funciona perfectamente y ¡a la primera!
    Así da gusto.
    Repito, muchas gracias. Ya tienes una nueva seguidora.

    ResponderEliminar
  48. Hola de nuevo,
    Estoy dándole una vuelta más... y me gustaría saber cómo hacer para que se vean mis datos, etiquetas, botones para compartir y demás en mis entradas pero que en el resumen no se vea nada más después del enlace para ampliar información. ¿puedes ayudarme?

    ResponderEliminar
  49. Hola Jesús,

    Llevo ya un tiempo con este tuto aplicado y no consigo que el párrafo de texto quede en el lateral derecho de la foto en miniatura. Espero me eches una mano.

    Mi blog: http://alejandrolopezlinares.blogspot.com.es/

    Un saludo

    ResponderEliminar
  50. Sinceramente compañero Jesus , fantastico blog y con una cantidad de informacion impresionante.. te seguire y pondre en practicas algunas cosas que he visto y me quedan por ver.. Bueno a ver si puedes ayudarme el caso es que intento hacer este trucquito y a mi no me sale , no se si es por el navegador ( firefox ) es el que uso , me gusta en particular, si es la plantilla en cuestion, cosa que no tendria problemas en cambiar .. pero si me pudieras ayudar o al menos orientarme..

    saludos y muchas gracias aqui te dejo mi blog para que veas http://diafragmandoaf8.blogspot.com.es/

    ResponderEliminar
  51. A mí me ha parecido sencillo y conciso, sin introducir otros términos que te hacen dudar. De veras, muchas gracias.

    ResponderEliminar
  52. hola, muchas gracias, solucionaste un tema recurrente en mi blog... soy de hacer entradas a veces largas y siempre me parecía muy largo el blog... gracias de nuevo!

    te hago una consulta ya que estoy: alguna vez hice algo que hace que mis posts se repitan abajo, todas las entradas se repiten y ya estoy cansado de que me pase esto porque justamente me estira el blog innecesariamente...

    te podría pasar mi plantilla o algo por mail para que me puedas dar un consejo o solucionarlo? gracias por tu tiempo...

    ResponderEliminar
  53. Hola Jesus, gracias de todas formas, ya lo consegui , lo encontre en ciudadblogger..
    saludos..

    ResponderEliminar
    Respuestas
    1. Gracias, voy muy retrasado con los comentarios. Poniendome al día.

      Eliminar
  54. ¡Hola! Tengo el mismo problema de varios, no puedo lograr que el texto quede debajo del blog
    ¡Excelente trabajo y gracias!

    ResponderEliminar
  55. Buenas,

    Ya he logrado que el texto de la vista en miniatura no se coloque por debajo de la imagen, sino en su derecha. Lo he logrado copiando el código css directamente en la plantilla html donde están los estilos css para post. Ya que en personalizar-->opciones avanzadas-->css, no obtenía ningún resultado. Ahora tengo otro problema, a pesar de que el código css de la vista en miniatura pone padding 5px, el texto se encuentra completamente pegado a la imagen, he intentado cambiar el css de otros elementos del post por si están predominando pero no logro encontrar dónde está el código de estilo para el texto de los post en miniatura, además no se si esto también cambiaría los margenes en el texto de los post en vista completa.

    ¿Alguien ayuda? Mi blog http://alejandrolopezlinares.blogspot.com.es/
    Saludos

    ResponderEliminar
  56. Hola buenas me a funcionado ;) http://cajondemrcascador.blogspot.com.es/ , pero como pongo para que salga enverde "mas informacion" me salga sigue leyendo ? Espero respuesta ;P

    ResponderEliminar
    Respuestas
    1. Ves a Diseño ahi en entradas del blog, clickeas en editar. Arriba donde pone escrito ''Texto del enlace de la pagina de entrada'' Ahi es donde puedes escribir lo que quieres.
      Espero que te haya ayudado.

      Eliminar
  57. Muchas gracias por explicar tan claramente las cosas, haces posible que los que nos iniciamos en blogger, también podamos hacerlo posible.
    UN SALUDO!!

    ResponderEliminar
  58. Hola Jesus, perdona mi ignorancia, pero no me funciona lo de Añadir el código HTML para mostrar miniatura, y no consigo darme cuenta del porque......
    Puede ser que alguna otra configuración de mi blog me prive de ello?

    GRACIAS de antemano y felicidades por tan extraordinario blog!!

    ResponderEliminar
  59. Perfecto, ha funciona a la primera :)

    ResponderEliminar
  60. Hola Jesús!
    El motivo de este comentario es para comunicarte que ya me funciona el código para mostrar párrafo más miniatura.
    Después de pelearme un ratito con mi plantilla, me he dado cuenta que mi error consistía en pegar el código en el lugar equivocado.
    Mi "lucha" a valido la pena!!!!!, pues esta ha dado sus frutos, pero no hubiera sido posible sin tu GRAN ayuda.
    Gracias a tus tutoriales estoy mejorando mucho mi blog: http://treballsverticalspenedes.blogspot.com.es/

    Muchísimas gracias por devolverme la ilusión por mi blog, Jesús!!!!
    HASTA LA PRÓXIMA!!

    ResponderEliminar
  61. La idea me gusta y lo he probado pero no me gusta como queda. La imagen es muy pequeña y como publico en ingles también aparece en medio del titulo en castellano e ingles....sabes como podría solucionar esto?

    ResponderEliminar
  62. Hola, ¿qué tal? Muy interesante tu publicación. Quisiera saber si tienes algún consejo para desactivar el scrolling infinito en la vista dinámica Magazine, de Blogger, ya que me gustaría limitar la cantidad de entradas que se ven en la página principal. Muchas gracias desde ya! Saludos. Ana.

    ResponderEliminar
  63. Muchas gracias, me ha sido muy útil esta entrada

    ResponderEliminar
  64. Anónimo2/3/13, 6:36

    Me gustaría saber como se averigua que plantilla se ha utilizado en un blog que me gusta. Me resulta más facil elegir plantilla en los blogs hechos que los ejemplos que vienen en el inicio.
    Muchas gracias

    ResponderEliminar
  65. MUY BIEN EXPLIXADO TODO.ESPERO QUE MI BLOG TAMBIEN LO VISITE MUCHA GENTE ALGUN DIA CON TUS CONSEJOS SEGURO QUE LO CONSEGUIRE.gRACIAS POR COMPARTIRLO CON TODOS.

    ResponderEliminar
  66. AL CUANTO TIEMPO ME PUEDEN BUSCAR EN GOOGLE Y APARECER MI BLOG?

    ResponderEliminar
  67. Muy buena explicación me has ayudado bastante, ahora solo me queda averiguar si se puede hacer que se muestre la ultima imagen de la entrada en la miniatura xD.
    Pero muy bien explicado y todo el blog esta genial.
    Muchas gracias, seguramente pronto verás mas comentarios mios :)

    ResponderEliminar
  68. Hola, ojala puedas explicarme una cosa que no se como se hace. Quiero crear varias paginas y en cada una de ellas poner varias entradas, de modo que no solo en la pagina principal haya entradas, sino que en el resto de paginas tambien poder añadir mas de una entrada. Lo he intentado con las etiquetas y agrupaen una misma pagina varias entradas pero tambien aparece en la pagina principal y solo quiero que aparezca cada una en su sitio. No se si me he explicado bien jeje.... A ver si me puedes ayudar. Gracias

    ResponderEliminar
  69. He seguido tu tutorial, pero me encuentro con que apate de la miniatura, me sale tambien la imagen en grande de la entrada completa. Solamente lo he puesto en la primera entrada a la espera de ver si soluciono este problema para ponerlo en las restantes Si lo puedes mirar,te lo agradeceré. este es el blog. http://mwc-smartphone.blogspot.com
    Gracias.

    ResponderEliminar
  70. Hola: como continuación a mi anterior escrito, ya está aclarado. La culpa era mia pues ya indicas bien en tu tutorial qye hay que cortar antes de la imagen .Yo tenia la imagen al lado del texto. Ahora ya está bien. Pero tengo un fallo que me gustaria que miraras, en la leyenda de "seguir leyendo" me aparece en el siguiente parrafo y a la derecha debajo de la miniatura, y desearia que apareciera a continuación del texto de introduccion al articulo completo. No sé si me he explicado bien. De cualquier forma tu tutorial me ha sido de mucha ayuda.
    Gracias,
    Manuel

    ResponderEliminar
    Respuestas
    1. Hola Manuel,
      Muchas gracias por aclarar el tema y volver a comentar. Efectivamente el corte del salto de página debe estar antes de la primera imagen, de lo contrario te sale la miniatura y la foto.

      Para que el enlace de "seguir leyendo" te salga a la derecha, trata de buscar la case .jump-link { .... } en tu plantilla y agrega la propiedad float: right; a la definición de dicha clase. Si me he enrollado vuelve a comentar ya ver si puedo pasarte un ejemplo mejor.

      Eliminar
  71. Hola Jesus:
    Aparte del comentario que te envié, que veo que no aparece aquí. Me he llevado una sorpresa hoy porque no sé por que razón han desaparecido las miniaturas de mi blog.Si teines tiempo te agrdeceria que lo miraras. está aqui http://mwc.smartphones.blogspot.com.
    Gracias anticipadas por tu ayuda.
    Manuel

    ResponderEliminar
  72. hola amigo te hago una pregunta mira tengo mi blooger y quisiera saber como hacer para que quede siempre la misma nota o por ejemplo que a parezca la misma foto siempre o aviso; mi blog es:
    taekwon-doatimendoza.blogspot.com.ar y si me podes ayudara que quede algo así como este: taekwon-domendoza.blogspot.com.ar gracias te lo voy a gradecer tu ayuda un abrazo amigo

    ResponderEliminar
    Respuestas
    1. Hola Oscar,
      Te voy a invitar a que hagas esa pregunta en Todo Blogger en Español, es una comunidad de usuarios que he creado, aquí tienes más información.

      Un fuerte abrazo y te espero en la comunidad, estoy seguro que entre todos podemos ayudarte.

      Jesús González

      Eliminar
  73. Hola Jesús:
    Reitero mi comentario del 12. Han desaparecido las miniaturas de mis entradas. He revisado todo y está todo correcto. Te agradeceria que lo miraras. http://mwc-smartphone.com. Gracias.
    Manuel

    ResponderEliminar
    Respuestas
    1. Hola Manuel,
      He querido conectarmete a tu blog para ver qué puede estar pasando con la miniatura y no he podido acceder, lo he intentado por el .blogspot y por el .com y nada por ningún lado
      http://mwc.smartphones.blogspot.com

      A la espera de tus noticias.

      Eliminar
  74. Muchas gracias, me fue de mucha utilidad.

    ResponderEliminar
  75. Hola Jesús:
    le sobra una S, es este. http://mwc-smartphone.blogspot.com . lo puse mal.
    Te agradeceré lo mires enseguida que puedas
    Garcias,
    Manuel

    ResponderEliminar
    Respuestas
    1. Hola Manuel,
      Ahora sí. He visto tu blog y he visto que tienes la segunda parte aplicada, la de la clase CSS, pero es como si no tuvieras aplicada la primera parte. Por favor vuelve a aplicar el tutorial a partir de donde pone "Añadir el código HTML para mostrar miniatura" ya que esa parte no la veo en tu blog.

      Es posible que una actualización en la plantilla provoque que desapareciera ese fragmento de código.

      A la espera de tus novedades.
      Jesús

      Eliminar
  76. Hola Jesús: muy bueno el tutorial, lo seguí al pie de la letra pero no funcionó. Uso la plantilla "travel", tendrá alguna relación, o que podría chequear? Gracias

    ResponderEliminar
  77. Buenas!
    Descubrí tu página en Google y es espectacular! Añadida a favoritos ya!
    He seguido el tutorial al pié de la letra y he leído los comentarios de los compañeros bloggers, pero me ha sido completamente imposible poner la miniatura en el lateral y no por encima, como me queda ahora.
    ¿Algún consejo?
    aasensio.blogspot.com

    Muchas gracias.

    ResponderEliminar
  78. Hola Jesus:
    Parece ser que no recibiste mi mensaje que envié el 18, igual no lo hacia bien porque me salia un triangulo y despues volví a enviarlo y salian dos triangulos, por lo que deduzco que no han llegado. Bueno, en realidad es para decirte que ya todo funciona correctamente. Ahora solo tengo 2 cosas que preguntarte

    1) Donde pongo el float: right; para que "seguir leyendo" me salga a la derecha despues del texto (te lo pregunté el dia 10 y me contestaste, pero nohe sabido hacerlo) y

    2) Como puedo separar el texto de la miniatura, pues practicamente se pisan.
    ¡Ah! Tambien decirte que apliqué el truco 45 que indicas mas arriba y me a ido perfecto.

    Gracias por todo.
    Recibe un cordial saludo.
    Manuel

    ResponderEliminar
    Respuestas
    1. Hola Manuel,

      No sé exactamente lo que pudo pasar con eses comentario, pero bueno ves que vamos resolviendo. Para el tema la alineación a la derecha, haz lo siguiente. Debes buscar en tu plantilla la definición de la clase .jump-link Es decir ve a la plantilla, haz clic en expandir los artilugios y busca .jump-link verás que tiene como un corchete y varios elementos dentro con un punto y coma, de lo que se trata es de poner en esa clase un float: right;

      Antes de nada haz copia de seguridad de tu plantilla tal y como indico en el post.

      Esta es mi clase para dicho elemento:

      .jump-link {
      font-family: arial, verdana;
      font-size: 12px;
      float: right;
      padding: 3px 4px;
      border: 1px solid transparent;
      background: transparent;
      color: #3d85c6;
      }

      Con respecto a tu segunda pregunta sobre separar un poco el texto de la imagen es fácil,
      En la clase .postthumb {.....} debes poner dentro una propiedad que es margin-right: 10px; de manera que tiene que quedarte algo como esto:

      .postthumb {
      padding: 5px;
      float:left;
      margin-right: 10px;
      border: 1px solid #eeeeee;
      -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
      -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
      box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
      }

      Guarda la plantilla y visualiza tu blog a ver qué pasa.

      A la espera de tu respuesta!
      Gracias
      Jesús

      Eliminar
  79. Hola jesus tengo una pregunta,puse en mi blog en las entradas la imagen en miniatura y ahora quiero quitarla ¿como lo hago? muchas gracias por tu atencion,un saludo

    ResponderEliminar
    Respuestas
    1. Simplemente vuelve a seguir el tutorial y ve quitando aquello que incorporastes en su momento.

      Eliminar
  80. Nota: Intento enviar el mensaje desde el día 22 y no me lo acepta.
    Hola Jesús:
    Ante todo gracias por tu pronta y clara respuesta. Ya está todo arreglado.
    Gracias por todo.

    ¡¡ Larga vida para la buena gente como tú !!

    Un abrazo.
    Manuel

    ResponderEliminar
    Respuestas
    1. Perfecto Manuel,
      Ahora solo te queda presentar tu blog en Todo Blogger en Español

      te saludo nuevamente en la comunidad.

      Jesús González

      Eliminar
  81. Lo he probado pero la miniatura es muy mini. Es decir, me gustaría que el tamaño fuese mayor. ¿ es posible?
    Es que lo veo muy descompensado.
    www.mylittlemole.blogspot.com

    ResponderEliminar
  82. Gracias por el consejo! justo lo que buscaba

    ResponderEliminar
  83. Simplemente genial. Ya lo he aplicado a mi blog, muchas gracias.

    ResponderEliminar
  84. Amigo segui todas las instrucciones y me paso lo mismo que algunos otros usuarios, la minatura queda por encima del texto y no se como solucionarlo, el metodo lo intente como prueba en mi primer post y al ver que no dio los resultados deceados eh parado y no continuar el procedimiento con los demas posts, estaria totalmente agradecido contigo si me pudieras explicar el problema que esta causando que la mineatura quede por encima del texto.
    Esta es la direccion de mi blog
    www.numberdz3.blogspot.com

    De antemano muchas gracias.

    ResponderEliminar
  85. Jesús he aplicado todo lo que pusiste aquí, pero al revisar mi pagina principal no me estan apareciendo las miniaturas que puse ya como en 4 publicaciones diferentes de las que tengo.
    ¿ Tengo que escoger alguna plantilla en específico para que funcione?
    Te agradezco la ayuda.

    ResponderEliminar
    Respuestas
    1. Hola Mario,
      He visto tu blog, veo que has implementado una parte, pero no velo la otra. Veo que tienes la clase CSS (El segundo de los códigos) pero no veo el primero de ellos. Vuelve a intentarlo por favor y confirmame que lo has incluido. El primero de los códigos es verdaderamente el responsable de sacar la miniatura.

      A la espera de lo que tu me comentes
      Jesús González

      Eliminar
    2. Hola Jesús

      Volví a seguir las indicaciones tal cual las pones y de nuevo no veo que aparezca la miniatura de los videos que tengo de facebook. Será el hecho que es un video , aunque veo que tambien debería de aplicar.

      Espero tus comentarios

      Eliminar
    3. Hola Jesús

      Volví a seguir las indicaciones tal cual las pones y de nuevo no veo que aparezca la miniatura de los videos que tengo de facebook. Será el hecho que es un video , aunque veo que tambien debería de aplicar.

      Espero tus comentarios

      Eliminar
  86. Jesus

    Hola de nuevo .He probado nuevamente poniendo el respaldo de la configuración inicial sin resultados. Con respecto a me están apareciendo 3, no 2 como tu lo indicas, he probado con plantillas sencillas pero en ninguna me resulta. Ya tambien coloque una imagen para ver si era cosa de los videos y tampoco. Gracias por apoyarme.

    ResponderEliminar
  87. Hola acabo de descubrir esta pagina, y estoy intentando lo de la imgen en miniatura, pero no me sale al buscarla con el Ctrl F poniendo no me sale nada... asique no puedo copiar el resto porque nose donde ponerlo... pongo en el buscador sin encontrar resultados, alguna solucion?? Gracias de antemano http://mipequemundoerestu.blogspot.com.es/

    ResponderEliminar
  88. Por cierto me he dado cuenta de que no encuentro expandir plantillad e artilugios... necesito ayuda, soy muy novata en esto...

    ResponderEliminar
  89. He conseguido ponerlo y encontrar el data ese... la cosa esq no consigo hacerlo del todo pues no se ve la imagen, si pudieras echar un vistazo a mi blog te lo agradeceria muchisimo ;)

    ResponderEliminar
  90. Quisiera que el salto de línea fuese automático, lo he visto integrado en algunas plantillas pero no logro desfrar cual es el código o el script. De igual forma se agradece, voy a intentar poner lo de la imagen en miniatura y por lo demás lo haré en forma manual (por ahora)... espero que no me cause lios lo de la imagen. Gracias!

    ResponderEliminar
  91. No funciona!!! si lo metes en el primer no hace nada y si lo metes en el segundo reduce las entradas pero luego al pinchar no te muestra nada del post

    ResponderEliminar

Te agradezco la participación en iniciaBlog a través tu comentario. Recuerda que te responderé con otro comentario justo debajo del tuyo. Gracias y mucha suerte! ;-)

¿Cómo poner el botón de...:?

Premio Bitácoras

Aviso Legal

Licencia Creative Commons
iniciaBlog - Te ayuda con Blogger a mejorar tu blog
iniciaBlog se encuentra bajo una Licencia Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 Unported.
Basada en una obra en www.iniciablog.com.

Creado por Jesús Manuel González Fuentes

Política de Privacidad de iniciaBlog | Política de Cookies
2023 © Jesús Manuel González Fuentes es el autor de iniciaBlog.com
Tema creado por Way2themes y adaptado por inciciablog