Imagen al final de las entradas


Poner una imagen al final de cada entrada puede ser una buena opción para personalizar tu blogspot, y una vez más gracias a Gema os voy a explicar cómo hacerlo . Allí puedes poner lo que quieras, como una imagen simpática o simplemente la imagen que tú desees.

imagen al final entradas blogger

Anteriormente ya os expliqué cómo poner vuestra firma en cada entrada, por lo que ésta puede ser otra muy opción para tu blog. Para emplear este truco sigue estos pasos:

1) Ves a Diseño
2) Edición de HTML
3) Busca en tu plantilla .post-footer { (teclea Ctrl + F para buscar más rápido)
4) Te encontrarás con algo así:

imagen al final entradas blogger

5) Antes de } añade:

padding:36px 4px 2px 4px;
background: url(URL DE LA IMAGEN) no-repeat top right;}

6) En URL DE LA IMAGEN pon la URL de la imagen en donde la hayas alojado.
7)
Clica en vista previa y si todo está bien, guarda tu plantilla.



Cosas que puedes hacer para modificarlo a tu gusto:
- Si la imagen que quieres poner no sale todo lo grande que quieres, dale un valor más alto a line-height: 1.4em;
- Por defecto he puesto que la imagen salga a la derecha del fin de la entrada. Si deseas que esté centrada cambia right por center, y si deseas que esté a la izquierda cámbialo por left.

16 comentarios:

  1. Gracias a ti Gema@ ;) La entrada está hecha gracias a tus sabios consejos jeje.

    Por cierto, a ver cuando te pasas por la entrevista que te realicé. http://www.quierocrearunblog.com/2009/12/gemblog.html

    ¡Un saludo Gema@!

    ResponderEliminar
  2. Hola Juan
    Soy muy muy novata en lo de hacer un Blog, llevaba mucho tiempo sin decidirme, gracias a tu pagina me decidi, siguiendo paso a paso tus consejos. Te leo todos los dias y siempre encuentro lo que busco aqui. Muchas gracias por tu esfuerzo. Aun no entiendo muchas cosas, y no se como hacerlas, pero ahi voy...
    Gracias otra vez.
    Fermina.
    http://deamorydeguerra-fermina.blogspot.com/

    ResponderEliminar
  3. Hola Juan
    Solo queria decirte que me parece genial lo que haces y la ayuda que brindas. Gracias a ti decidi por fin empezar mi blog y le perdi un poco el miedo a esto. Aun me cuesta mucho entender algunas cosas pero ahi voy y te sigo cada dia, sin tu blog me hubiera sido imposible.
    Gracias
    Fermina
    (Te comente anteriormente pero algo habia hecho mal.)
    Gracias esta entrada estuvo muy interesante como todas.

    ResponderEliminar
  4. Gracias por tus palabras Fermina. Bienvenida al blog. Espero que aquí encuentres todo lo que necesites y si tienes dudas por aquí me encontrarás para ayudarte en lo que pueda. Un saludo.

    ResponderEliminar
  5. Hola,
    Antes que nada,gracias por enseñarnos otro truco. Sin embargo, al copiar el código de este, la imagen me aparece tanto al final de la entrada,como al principio....qué puedo estar haciendo mal?
    Desde ya,gracias

    ResponderEliminar
  6. Hola Administradora. ¿Seguro que lo hiciste en .post-footer {?

    ResponderEliminar
  7. hola
    ayudame por favor quiero poner a mi blog una entrada bonita es decir con mucica k cuando den clic el blog se despliegue la pagina como ago todo eso?

    ResponderEliminar
  8. Hago lo que me dices, pero no consigo que se vea nada.

    ResponderEliminar
  9. Hola a todos.

    He echo todo igual, pero mira como me sale: www.pitascupcake.blogspot.com

    esta donde pone: Publicado por Pitas Cupcake en 23:57 2 comentarios

    Compartir con Twitter
    Compartir con Facebook
    Compartir con Google Buzz...etc



    Quiero que me sale un poco despues de todo eso, quiero que esa imagen:

    http://i52.tinypic.com/6oim2e.gif

    me haga de bonita seperación entre las entradas.

    Asi esta puesto el codigo html:

    .post-footer {
    font: $postfont;
    clear: both;
    margin-bottom: 50px;
    padding: 10px;
    padding:36px 4px 2px 4px;
    background: url(http://i52.tinypic.com/6oim2e.gif) no-repeat center left;}
    }

    Espero vuestra ayuda

    Gracias

    Pitas Cupcake

    ResponderEliminar
  10. Hola Queria Saber Porque en Mi Blog No me Aperece la Imagen Que Pongo? =(

    ResponderEliminar
  11. quqe tamaño es el ideal de la imagen para colocarla ...saludos

    ResponderEliminar
  12. Hola,gracias por todos tus valiosos aportes.Tengo un problema:de pronto algunas de mis entradas se han juntado,antes estaban muy ordenadas,cada una en un cuadro,con su respectiva fecha en la parte superior;ahora se han juntado las dos primeras entradas (en la página 4 en estos momentos) y tengo otras tres entradas en la página 3 que tambien se ven juntas,sin separación y,la fecha de publicación ha desaparecido.Cuando las veo de forma individual,no hay problema,pero no me explico por qué ha ocurrido esto.Las nuevas publicaciones salen correctamente,pero ya probé todas las formas y no logro separar esas dichosas entradas...¿me puedes ayudar?Mi blog es CAMINOS DE LA MEMORIA y la dirección es http://higakatsumi.blogspot.com Tengo poco tiempo en el mundo blogger y aún no puedo con esto.Si pudieras pasearte un ratito por mi blog para que veas el problema ,por favor...

    ResponderEliminar
  13. culpa,acabo de ver que no quieres que te ponga la dirección del blog y lo acabo de hacer...¿vas a ignorar mi nota?no es eso que llaman spam,de verdad tengo ese problema,disculpa.

    ResponderEliminar
  14. me ha venido de perlas, mil gracias!!!!

    ResponderEliminar