SERVICIOS - DISEÑO - FREEBIES - MEJORA TU BLOG -

18 jun. 2014

Firma tus entradas!

Tutorial facilín facilín.

He estado buscando por la red la mejor manera de explicar este tutorial. Y sorpresa, como siempre muchos lo explican mal, otros dicen que lo explican pero no hay explicación y otros son videotutoriales.









Así que voy a explicarlo a mi manera, rápido e indoloro.
Quiero poner una firma al final de todos mis posts pero que ya salga sola, que no tenga que ponerla cada vez que hago una entrada.


Fácil. Vamos a la página de administración de nuestro blog. Mirad la imagen

Vamos a Configuración (punto 1)
Entradas y comentarios (punto 2)

Y nos fijamos en la cajita de Plantilla de las Entradas. Como veis en la imagen yo tengo ahí puesto el código para que salga mi firma.

Os Pongo el código para que tengáis que hacer el mínimo esfuerzo:
<br>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://lireth.blogspot.com.es/"><img alt="Tu_Blog" border="0" src="URL_de_la_IMAGEN_de_tu_FIRMA" /></a></div>

Bueno donde veis que dice Tu Blog, ahí pondréis lo que queréis que aparezca cuando se deja el ratón puesto encima, yo tengo el nombre del Blog.
Y por último donde dice URL_de_la_IMAGEN_de_tu_FIRMA pondréis la URL o sea la dirección de vuestra imagen de firma.

(Aprende en este tutorial Cómo hacer de tu blog un hosting de imágenes)

Cuando ya lo tenemos le damos arriba a la derecha en Guardar Configuración y listo!
En cada entrada, cuando vayamos a hacer una nueva, ya nos saldrá la firmita puesta.

Apunte: si quieres la imagen en el centro, ya está el código para que salga centrada, pero si la quieres a la izquierda o a la derecha tan solo tendrás que cambiar la parte del código que dice:
text-align: center;  por text-align: left; si lo quieres a la izquierda o text-align:rigth; si lo quieres a la derecha.

Lireth's Notebook

38 comentarios:

  1. Hola! es un tutorial genial! muchas gracias por compartirlo! besis

    ResponderEliminar
  2. Ya lo voy a poner en práctica...porque lei otros tutos perono funcionaban...ya te diré... Gracias.
    Besitos

    ResponderEliminar
    Respuestas
    1. Algo he hecho mal que no me funciona...
      Lo he intentado con la entrada de hoy pero no me ha funcionado....qué patosa soy!!! Seguiré con mi manera manual...
      Xxx

      Eliminar
    2. Mándame un Mail con todo lo que no te salga mujer y te echo un cable :)

      Eliminar
  3. Una preguntita, ¿Sólo saldrá en las nuevas entradas o también en las antiguas?

    ResponderEliminar
    Respuestas
    1. En las nuevas solo, si quieres que salga en las demás tendrás que editarlas y poner la firma a la vieja usanza :P

      Eliminar
    2. Solo quería para las nuevas, muchas anteriores ya las he ido poniendo a mano.
      Ya te contaré si me sale bien, que quiero meter letras y dos imágenes, jejejeje.
      Un beso

      Eliminar
    3. Ya me ha salido, he puesto un texto (Besos) y dos imágenes, la firma en sí y un "Gracias por tus comentarios"
      Muchísimas gracias, hasta ahora lo ponía todo a mano en cada una de las entradas.
      Un beso

      Eliminar
  4. ¡Hola Lireth! Muchas gracias por tus tutoriales, son realmente útiles y me han salvado más de una vez ^^
    Una explicación genial, como de costumbre.
    Un beso :)

    ResponderEliminar
  5. Muchas gracias, muy útil y completo. En cuando consiga un ratillo me pongo a seguir tus indicaciones. Un abrazo

    ResponderEliminar
  6. Me encanta lo fácil que nos lo pones!!!!!
    Ahora, manos a la obra!
    Gracias y un besito!

    ResponderEliminar
  7. Genial! Súper bien explicado y como decías....totalmente indoloro! ;) jejeje

    ResponderEliminar
  8. Gracias, yo siempre la pongo como una imagen mas. Así es mas fácil. Besos.

    ResponderEliminar
  9. Hola Lireth, ya logre que me saliera la firmita pero tengo una pregunta. Cuando me aparece la firmita en la entrada me sale que tengo vínculo con tu página. como le hago para quitar ese vínculo?? :)

    ResponderEliminar
    Respuestas
    1. Porque te habrás dejado de rellenar algun punto con la url de tu blog:

      Seguro que has dejado esto tal cual en lugar de quitar lireth y poner tu blog (fallo mio por no explicarlo mejor, ahora lo edito y lo soluciono)
      < a href="http://lireth.blogspot.com.es/ " >... (sin los espacios claro)

      Eliminar
    2. Muchas gracias, no me había dado cuenta de eso!! Me encanta como explicas
      Solucionado :) ya tengo mi firmita

      Eliminar
  10. Hola Lireth,

    Estoy intentando esto de la firma y me ha salido una cuestión que, a riesgo de parecer más que tontita, te hago a continuación:
    Yo tengo la imagen guardada en mi ordenador (claro ;)) entonces ¿cómo consigo su URL? ¿Tengo que poner todo el "camino" de ubicación de la foto?
    No sé si me he explicado muy claro, la verdad pero con suerte tu me entenderás!
    Gracias!

    ResponderEliminar
    Respuestas
    1. En este otro tutorial: http://lireth.blogspot.com.es/2014/01/cambiar-fondo-blog.html Explico como obtener lo que me pides (hacer de tu blog un host de imágenes.

      Tienes que subir tu imagen a Internet echa un vistazo al tutorial que te indico y verás qué fácil es.

      Eliminar
    2. Lo conseguí!!!!!!!!
      Muchas gracias!!!!!!

      Eliminar
  11. Yo entiendo todo lo que explicas, pero sabes que pasa con IMAGESHACK ? aHÍ tenia muchas imágenes que ahora he tenido que eliminar de mis sitios porque no aparecen. Me deja acceder pero todas las imagenes estan en blanco. Sabes algo?

    ResponderEliminar
    Respuestas
    1. http://lireth.blogspot.com.es/2014/01/cambiar-fondo-blog.html Ahí verás que pasa, ahora es de PAGO grrrr por eso pasé yo de imageshack y expliqué como usar el blog para hostear imágenes :)

      Eliminar
  12. uau!!Gracias por este tutorial tan sencillo!me has ayudado mucho ya tengo mi firma en mis post!

    ResponderEliminar
  13. Cómo me gusta!!! Ya lo tengo puesto, yo era de las que añadían la imagen en cada entrada, ahora me has facilitado un poco más el día a día en el blog.

    Gracias guapa y feliz fin de semana.

    ResponderEliminar
  14. Me podrias aconsejar algun sitio para generar link a mis imagenes? Gracias

    ResponderEliminar
    Respuestas
    1. Tu mismo Blog: http://lireth.blogspot.com.es/2014/01/cambiar-fondo-blog.html échale un vistazo a ese tuto :)

      Eliminar
    2. Gracias por tu atención, me servirá de mucho. Por si acaso tb encontré esta página que te da el link directo
      http://www.bannerfans.com/banner_templates.php Subes la imágen y le das generar codigo y listo!! aparecen todos los codigos de la imágen ...inclusive puedes crear banners. Besossss

      Eliminar
  15. Hola Lireth,
    Mil gracias por este tutorial tan útil y tan sencillo. Ya he puesto mi firma en las entradas.
    Un beso,
    Anne.

    ResponderEliminar
  16. Buenas guapísima, está puesto, en cuanto publique una veré el resultado, lo que si que acabo de poner es la imagen de "Seguir leyendo", muchas gracias por todo. Te comento por si hay tiene un problema parecido, al utilizar como base una plantilla de Blogger en la parte superior dónde aparece el nombre del blog me aparece en degradado ázul un borde que también aparece en la caja de comentarios (en la respuesta), ¿cómo se puede quitar? Un saludo.

    ResponderEliminar
    Respuestas
    1. Eso que me comentas solamente lo verás tú en la edición de la entrada. Una vez le des a publicar y esté en el blog la gente y TU ya no lo verán ni lo verás. Esa línea sirve para que sepas dónde has puesto el "more" en HTML que luego marca dónde aparecerá el Leer más.

      He mirado tu blog y yo no lo veo, creo que te refieres a eso :P y ya no comento nada más que el gato me muerde los dedos >.<!!!

      Eliminar
  17. Genial!! gracias por compartir ,un beso

    ResponderEliminar
  18. Muchisimas gracias por tus tutoriales. Están super currados!
    Besos.

    ResponderEliminar
  19. hola, una pregunta, para la firma hay qe tener la imagen lista verdad? es qe soy matada para eso, me recomiendas algún programa qe me ayude para crearla?... muy buen tutorial todo clarito!! ;)

    ResponderEliminar
  20. Sí claro, la imagen tienes que tenerla creada con algún programa como Photoshop o PicMonkey ya sea online o instalado en tu ordenador

    ResponderEliminar
  21. Ya lo puse..a ver si lo hice bien cuando publique mi proxima entrada. Una preguntilla, quiero poner un banner de suscripcion al final de cada entra y que salga automatico. Eso como se haria?? Un beso y gracias.

    ResponderEliminar
  22. Gracias por todos los tutoriales me han ayudado mucho :)
    Nos leemos.

    ResponderEliminar
  23. Esto es lo mejor que le ha podido pasar a mi vida bloguera T_T Me ahorra mucho tiempo, muchas gracias por el tutorial!

    ResponderEliminar