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.
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í:
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.
Muy buena entrada ;)
ResponderEliminarGracias a ti Gema@ ;) La entrada está hecha gracias a tus sabios consejos jeje.
ResponderEliminarPor cierto, a ver cuando te pasas por la entrevista que te realicé. http://www.quierocrearunblog.com/2009/12/gemblog.html
¡Un saludo Gema@!
Hola Juan
ResponderEliminarSoy 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/
Hola Juan
ResponderEliminarSolo 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.
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.
ResponderEliminarHola,
ResponderEliminarAntes 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
Hola Administradora. ¿Seguro que lo hiciste en .post-footer {?
ResponderEliminarGRACIAS ME FUNCIONO PERFECTO
ResponderEliminarhola
ResponderEliminarayudame 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?
Hago lo que me dices, pero no consigo que se vea nada.
ResponderEliminarHola a todos.
ResponderEliminarHe 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
Hola Queria Saber Porque en Mi Blog No me Aperece la Imagen Que Pongo? =(
ResponderEliminarquqe tamaño es el ideal de la imagen para colocarla ...saludos
ResponderEliminarHola,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...
ResponderEliminarculpa,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.
ResponderEliminarme ha venido de perlas, mil gracias!!!!
ResponderEliminar