Crear e insertar una firma en tu blog

6 ene. 2013


Hola de nuevo!! Comenzamos el nuevo año con un nuevo tutorial, de estos fáciles y útiles. Lo ha dejado Melchor, seguro, que es mi Rey favorito. Como duda existencial que tengo... y que alguna vez he comentado con mis amigas... ¿a alguna le gusta Gaspar? No sé, tengo la sensación de que es el Rey marginado. Normalmente cuando  les preguntas a los niños te dicen que su Rey es Melchor o Baltasar. Todavía no he encontrado a un niño que me diga que su Rey es Gaspar (y trabajo con niños...) Cuando voy a la Cabalgata le gritan y tal... pero no es lo mismo... no sé, tengo esa sensación (pobre Gaspar) Me podéis gritar abajo, en los comentarios, diciéndome: ¡¡ehh, que mi Rey es Gaspar!! Después de estos minutos musicales... vamos a lo que vamos.



Hoy quiero enseñaros a crear vuestra propia firma y a instalarla en vuestro blogs de forma predeterminada. Parece complicado, no? Pues os digo que podéis tardar menos de 10 minutos. Además es el deseo que pidió Romi, aquí, en la fuente de los deseos de Creative Mindly

Como siempre, todas mis historias comienzan una noche de trasteo por internet. El deseo de Romi fue que le ayudara a insertar la firma de forma permanente, pero yo he querido ir más allá y echaros una mano, también, con el diseño de vuestras firmas. 


Antes de insertar una firma, es importante tener una firma que insertar. Así que vamos a aprender a hacer firmas bonitas y sencillas en 3 minutos (puede ser que tardéis más... porque como veréis hay muchas fuentes entre las que elegir y si sois indecisas... pues le echaréis un rato más)

Vamos a comenzar con el tutorial. En primer lugar tenéis que ir a esta página: www.mylivesignature.com. La verdad es que a primera vista no parece una gran página... pero no debemos quedarnos con el exterior... porque os vais a sorprender. Siempre intento utilizar páginas en las que no sea necesario registrarse, y esta vez no va a ser distinto. Más fácil no puede ser. Esto es una señal... manos a la obra!!! A seguir los pasos:

Una vez hecho lo anterior, vamos siguiendo los pasos que nos indica la página. No hay pérdida.

Si guardamos la firma, como os he dicho en el tutorial, nos servirá para añadirla a la entrada blogger como una imagen normal. Es una opción muy válida y, para algunas, seguro que os es más cómodo. Si esto es lo que queréis... ya habéis terminado. Pero si lo que buscáis es que vuestra firma aparezca siempre, sin que la tengáis que poner vosotros, en vuestra entrada, entonces seguid leyendo. 
Una vez que hayamos terminado de diseñar nuestra firma nos aparecerá la vista previa de la misma. Antes, en este paso, hemos guardado la imagen, pero ahora no lo vamos a hacer. No guardamos la imagen, sino que seguimos lo siguientes pasos. Lo que decía, terminamos la firma y sale la vista previa. Justo debajo encontraréis tres opciones:
  • Want us to animate this signature?
  • Want download this signature?
  • Want to use this signature? Nosotros vamos a pinchar sobre esta opción. 


Después de pinchar en want to use this signature? nos aparecerá otra página con otra dos opciones. Pinchamos en Generate HTML

El programa, que al parecer es muy majo y quiere que quedemos muy satisfechos, nos va a dar, de nuevo, dos opciones, aquí es donde tendremos que elegir la que más nos guste o convenga. Yo os recomiendo la primera opción, solo la firma. Es más sencilla y nos va a servir perfectamente para lo que queremos hacer. 

Una vez elegida la opción aparecerá, debajo de la vista previa, un recuadro con el código HTML. Ahora mismo, justo en este momento no la vamos a usar, pero dejad la ventana abierta  (como a Peter Pan) porque volveremos en un momento. 

Ahora llega el momento de meternos en el html de nuestro blog. No tengáis miedo, solo vamos a pegar lo que hemos copiado. Si en algún momento nos aburrimos, solo tendremos que borrar el código. No hay peligro. 

Vamos a nuestro menú de blogger, pinchamos en plantilla. Nos saldrá lo que veis más abajo. Seleccionamos edición HTML. Nos saldrá la siguiente pantallita. Pues bien, pinchamos en la casilla de expandir plantillas de artilugios



Pegamos en el buscador lo siguiente:

data:post.body/>

Al pegar este código en el buscador, este nos llevará directamente al lugar correcto. Se marcará lo que hemos buscado de un color.


Bien, ya estamos cerca del final. Volvemos a la página donde hemos dejado el código de nuestra firma. Lo seleccionamos, lo copiamos y lo pegamos justo después del código que hemos buscado. Las puntitas del final del código anterior y las del código nuevo que hemos pegado deben quedar juntas (como si se dieran un beso) 

Antes de guardar la plantilla pinchamos en vista previa, para asegurarnos que todo está bien. Podemos dejarlo así, tal cual, sin tocar nada más. Pero si queréis que la firma os quede perfecta podéis hacer una cosita más.

Como veréis en nuestro código aparecen las siguientes letras y símbolos:  href="....." Este código nos indica que ahí va un enlace. Es decir, hace que  la imagen tenga un link, un enlace. En este caso si alguien pincha en nuestra firma le llevaría a la web en la que hemos generado la firma (el programa lo hace de forma predeterminada). Pero lo podemos cambiar. Y ahora tomo yo el relevo del programa y os doy  dos opciones:
  1. Quitar el link: para ello borramos lo que hay dentro de las comillas. Dejando solo esto: href="" 
  2. Poner un link: sustituimos lo de dentro de las comillas por la dirección que nosotros queramos.
Volvemos a dar a vista previa para comprobar que todo está bien. Si es así, ya podemos guardar la plantilla definitivamente y tendremos nuestra firma siempre al final de nuestra entrada. Ya no hará falta que la añadamos nosotros mismos. 


Puede suceder que, nosotros ya tengamos una firma, una imagen y nos encanta y no queremos cambiar. Bien...no hay problema. Tengo soluciones para todos los problemas. Podéis seguir añadiéndola como imagen en vuestras entradas (es fácil y rápido) pero también la podéis poner de forma permanente. 
  • Lo primero que tienes que hacer es subir la imagen de tu firma a picasa, por ejemplo. 
  • Seguimos los mismos pasos anteriores:
plantilla + edición HTML+ expandir plantillas de artigulios + buscamos: data:post.body/>
  • Justo después de ese código pegamos el siguiente código (los piquitos tienen que quedar juntos):
<a href="DIRECCIÓN-LINK" target="_blank"><img src="URL DE LA IMAGEN" style="border: 0 !important; background: transparent;"/></a>

Ahora queda sustituir las palabras en negrita por los código correctos. Como ya os he dicho más arriba tenéis dos opciones para la dirección- link:

  1. Quitar el link: para ello borramos lo que hay dentro de las comillas. Dejando solo esto: href="" 
  2. Poner un link: sustituimos lo de dentro de las comillas por la dirección que nosotros queramos.
Para colocar la URL de la imagen solo tenéis que ir al lugar donde hayáis subido la foto, pinchar con el botón derecho y seleccionar COPIAR URL DE LA IMAGEN. 



Pegáis eso mismo en el lugar donde poner URL DE LA IMAGENComprobáis con vista previa que todo está bien. Si es así, guardáis y punto.



Actualización después de varias peticiones:



Centrar la firma:



Una vez que hayáis seguido todos los pasos... tenéis que añadir lo siguiente: justo después de  data:post.body/> ponéis el siguiente código: 


<center> y al final del todo ponéis </center>

Tiene que quedaros  algo así :

data:post.body/><center><a href="DIRECCIÓN-LINK" target="_blank"><img src="URL DE LA IMAGEN" style="border: 0 !important; background: transparent;"/></a></center>
Os recuerdo que luego tenéis que sustituir lo que está en negrita por las direcciones correctas (como os he explicado más arriba)
Y esto ha sido todo por hoy. No so quejaréis... os dejo mucho trabajo. Ya sabéis que si tenéis dudas me las preguntáis en los comentarios o en Facebook. Os responderé lo antes posible (empieza mi vida normal y dedicaré mil horas al día a mi trabajo) 

Un beso muy grande y que terminéis muy requetebien las navidades y un consejo para las de Pamplona (no vayáis al Mercadona todavía...debe de ser una batalla campal...).



Hola de nuevo!! Comenzamos el nuevo año con un nuevo tutorial, de estos fáciles y útiles. Lo ha dejado Melchor, seguro, que es mi Rey favorito. Como duda existencial que tengo... y que alguna vez he comentado con mis amigas... ¿a alguna le gusta Gaspar? No sé, tengo la sensación de que es el Rey marginado. Normalmente cuando  les preguntas a los niños te dicen que su Rey es Melchor o Baltasar. Todavía no he encontrado a un niño que me diga que su Rey es Gaspar (y trabajo con niños...) Cuando voy a la Cabalgata le gritan y tal... pero no es lo mismo... no sé, tengo esa sensación (pobre Gaspar) Me podéis gritar abajo, en los comentarios, diciéndome: ¡¡ehh, que mi Rey es Gaspar!! Después de estos minutos musicales... vamos a lo que vamos.



Hoy quiero enseñaros a crear vuestra propia firma y a instalarla en vuestro blogs de forma predeterminada. Parece complicado, no? Pues os digo que podéis tardar menos de 10 minutos. Además es el deseo que pidió Romi, aquí, en la fuente de los deseos de Creative Mindly

Como siempre, todas mis historias comienzan una noche de trasteo por internet. El deseo de Romi fue que le ayudara a insertar la firma de forma permanente, pero yo he querido ir más allá y echaros una mano, también, con el diseño de vuestras firmas. 


Antes de insertar una firma, es importante tener una firma que insertar. Así que vamos a aprender a hacer firmas bonitas y sencillas en 3 minutos (puede ser que tardéis más... porque como veréis hay muchas fuentes entre las que elegir y si sois indecisas... pues le echaréis un rato más)

Vamos a comenzar con el tutorial. En primer lugar tenéis que ir a esta página: www.mylivesignature.com. La verdad es que a primera vista no parece una gran página... pero no debemos quedarnos con el exterior... porque os vais a sorprender. Siempre intento utilizar páginas en las que no sea necesario registrarse, y esta vez no va a ser distinto. Más fácil no puede ser. Esto es una señal... manos a la obra!!! A seguir los pasos:

Una vez hecho lo anterior, vamos siguiendo los pasos que nos indica la página. No hay pérdida.

Si guardamos la firma, como os he dicho en el tutorial, nos servirá para añadirla a la entrada blogger como una imagen normal. Es una opción muy válida y, para algunas, seguro que os es más cómodo. Si esto es lo que queréis... ya habéis terminado. Pero si lo que buscáis es que vuestra firma aparezca siempre, sin que la tengáis que poner vosotros, en vuestra entrada, entonces seguid leyendo. 
Una vez que hayamos terminado de diseñar nuestra firma nos aparecerá la vista previa de la misma. Antes, en este paso, hemos guardado la imagen, pero ahora no lo vamos a hacer. No guardamos la imagen, sino que seguimos lo siguientes pasos. Lo que decía, terminamos la firma y sale la vista previa. Justo debajo encontraréis tres opciones:
  • Want us to animate this signature?
  • Want download this signature?
  • Want to use this signature? Nosotros vamos a pinchar sobre esta opción. 


Después de pinchar en want to use this signature? nos aparecerá otra página con otra dos opciones. Pinchamos en Generate HTML

El programa, que al parecer es muy majo y quiere que quedemos muy satisfechos, nos va a dar, de nuevo, dos opciones, aquí es donde tendremos que elegir la que más nos guste o convenga. Yo os recomiendo la primera opción, solo la firma. Es más sencilla y nos va a servir perfectamente para lo que queremos hacer. 

Una vez elegida la opción aparecerá, debajo de la vista previa, un recuadro con el código HTML. Ahora mismo, justo en este momento no la vamos a usar, pero dejad la ventana abierta  (como a Peter Pan) porque volveremos en un momento. 

Ahora llega el momento de meternos en el html de nuestro blog. No tengáis miedo, solo vamos a pegar lo que hemos copiado. Si en algún momento nos aburrimos, solo tendremos que borrar el código. No hay peligro. 

Vamos a nuestro menú de blogger, pinchamos en plantilla. Nos saldrá lo que veis más abajo. Seleccionamos edición HTML. Nos saldrá la siguiente pantallita. Pues bien, pinchamos en la casilla de expandir plantillas de artilugios



Pegamos en el buscador lo siguiente:

data:post.body/>

Al pegar este código en el buscador, este nos llevará directamente al lugar correcto. Se marcará lo que hemos buscado de un color.


Bien, ya estamos cerca del final. Volvemos a la página donde hemos dejado el código de nuestra firma. Lo seleccionamos, lo copiamos y lo pegamos justo después del código que hemos buscado. Las puntitas del final del código anterior y las del código nuevo que hemos pegado deben quedar juntas (como si se dieran un beso) 

Antes de guardar la plantilla pinchamos en vista previa, para asegurarnos que todo está bien. Podemos dejarlo así, tal cual, sin tocar nada más. Pero si queréis que la firma os quede perfecta podéis hacer una cosita más.

Como veréis en nuestro código aparecen las siguientes letras y símbolos:  href="....." Este código nos indica que ahí va un enlace. Es decir, hace que  la imagen tenga un link, un enlace. En este caso si alguien pincha en nuestra firma le llevaría a la web en la que hemos generado la firma (el programa lo hace de forma predeterminada). Pero lo podemos cambiar. Y ahora tomo yo el relevo del programa y os doy  dos opciones:
  1. Quitar el link: para ello borramos lo que hay dentro de las comillas. Dejando solo esto: href="" 
  2. Poner un link: sustituimos lo de dentro de las comillas por la dirección que nosotros queramos.
Volvemos a dar a vista previa para comprobar que todo está bien. Si es así, ya podemos guardar la plantilla definitivamente y tendremos nuestra firma siempre al final de nuestra entrada. Ya no hará falta que la añadamos nosotros mismos. 


Puede suceder que, nosotros ya tengamos una firma, una imagen y nos encanta y no queremos cambiar. Bien...no hay problema. Tengo soluciones para todos los problemas. Podéis seguir añadiéndola como imagen en vuestras entradas (es fácil y rápido) pero también la podéis poner de forma permanente. 
  • Lo primero que tienes que hacer es subir la imagen de tu firma a picasa, por ejemplo. 
  • Seguimos los mismos pasos anteriores:
plantilla + edición HTML+ expandir plantillas de artigulios + buscamos: data:post.body/>
  • Justo después de ese código pegamos el siguiente código (los piquitos tienen que quedar juntos):
<a href="DIRECCIÓN-LINK" target="_blank"><img src="URL DE LA IMAGEN" style="border: 0 !important; background: transparent;"/></a>

Ahora queda sustituir las palabras en negrita por los código correctos. Como ya os he dicho más arriba tenéis dos opciones para la dirección- link:

  1. Quitar el link: para ello borramos lo que hay dentro de las comillas. Dejando solo esto: href="" 
  2. Poner un link: sustituimos lo de dentro de las comillas por la dirección que nosotros queramos.
Para colocar la URL de la imagen solo tenéis que ir al lugar donde hayáis subido la foto, pinchar con el botón derecho y seleccionar COPIAR URL DE LA IMAGEN. 



Pegáis eso mismo en el lugar donde poner URL DE LA IMAGENComprobáis con vista previa que todo está bien. Si es así, guardáis y punto.



Actualización después de varias peticiones:



Centrar la firma:



Una vez que hayáis seguido todos los pasos... tenéis que añadir lo siguiente: justo después de  data:post.body/> ponéis el siguiente código: 


<center> y al final del todo ponéis </center>

Tiene que quedaros  algo así :

data:post.body/><center><a href="DIRECCIÓN-LINK" target="_blank"><img src="URL DE LA IMAGEN" style="border: 0 !important; background: transparent;"/></a></center>
Os recuerdo que luego tenéis que sustituir lo que está en negrita por las direcciones correctas (como os he explicado más arriba)
Y esto ha sido todo por hoy. No so quejaréis... os dejo mucho trabajo. Ya sabéis que si tenéis dudas me las preguntáis en los comentarios o en Facebook. Os responderé lo antes posible (empieza mi vida normal y dedicaré mil horas al día a mi trabajo) 

Un beso muy grande y que terminéis muy requetebien las navidades y un consejo para las de Pamplona (no vayáis al Mercadona todavía...debe de ser una batalla campal...).



Hola de nuevo!! Comenzamos el nuevo año con un nuevo tutorial, de estos fáciles y útiles. Lo ha dejado Melchor, seguro, que es mi Rey favorito. Como duda existencial que tengo... y que alguna vez he comentado con mis amigas... ¿a alguna le gusta Gaspar? No sé, tengo la sensación de que es el Rey marginado. Normalmente cuando  les preguntas a los niños te dicen que su Rey es Melchor o Baltasar. Todavía no he encontrado a un niño que me diga que su Rey es Gaspar (y trabajo con niños...) Cuando voy a la Cabalgata le gritan y tal... pero no es lo mismo... no sé, tengo esa sensación (pobre Gaspar) Me podéis gritar abajo, en los comentarios, diciéndome: ¡¡ehh, que mi Rey es Gaspar!! Después de estos minutos musicales... vamos a lo que vamos.



Hoy quiero enseñaros a crear vuestra propia firma y a instalarla en vuestro blogs de forma predeterminada. Parece complicado, no? Pues os digo que podéis tardar menos de 10 minutos. Además es el deseo que pidió Romi, aquí, en la fuente de los deseos de Creative Mindly

Como siempre, todas mis historias comienzan una noche de trasteo por internet. El deseo de Romi fue que le ayudara a insertar la firma de forma permanente, pero yo he querido ir más allá y echaros una mano, también, con el diseño de vuestras firmas. 


Antes de insertar una firma, es importante tener una firma que insertar. Así que vamos a aprender a hacer firmas bonitas y sencillas en 3 minutos (puede ser que tardéis más... porque como veréis hay muchas fuentes entre las que elegir y si sois indecisas... pues le echaréis un rato más)

Vamos a comenzar con el tutorial. En primer lugar tenéis que ir a esta página: www.mylivesignature.com. La verdad es que a primera vista no parece una gran página... pero no debemos quedarnos con el exterior... porque os vais a sorprender. Siempre intento utilizar páginas en las que no sea necesario registrarse, y esta vez no va a ser distinto. Más fácil no puede ser. Esto es una señal... manos a la obra!!! A seguir los pasos:

Una vez hecho lo anterior, vamos siguiendo los pasos que nos indica la página. No hay pérdida.

Si guardamos la firma, como os he dicho en el tutorial, nos servirá para añadirla a la entrada blogger como una imagen normal. Es una opción muy válida y, para algunas, seguro que os es más cómodo. Si esto es lo que queréis... ya habéis terminado. Pero si lo que buscáis es que vuestra firma aparezca siempre, sin que la tengáis que poner vosotros, en vuestra entrada, entonces seguid leyendo. 
Una vez que hayamos terminado de diseñar nuestra firma nos aparecerá la vista previa de la misma. Antes, en este paso, hemos guardado la imagen, pero ahora no lo vamos a hacer. No guardamos la imagen, sino que seguimos lo siguientes pasos. Lo que decía, terminamos la firma y sale la vista previa. Justo debajo encontraréis tres opciones:
  • Want us to animate this signature?
  • Want download this signature?
  • Want to use this signature? Nosotros vamos a pinchar sobre esta opción. 


Después de pinchar en want to use this signature? nos aparecerá otra página con otra dos opciones. Pinchamos en Generate HTML

El programa, que al parecer es muy majo y quiere que quedemos muy satisfechos, nos va a dar, de nuevo, dos opciones, aquí es donde tendremos que elegir la que más nos guste o convenga. Yo os recomiendo la primera opción, solo la firma. Es más sencilla y nos va a servir perfectamente para lo que queremos hacer. 

Una vez elegida la opción aparecerá, debajo de la vista previa, un recuadro con el código HTML. Ahora mismo, justo en este momento no la vamos a usar, pero dejad la ventana abierta  (como a Peter Pan) porque volveremos en un momento. 

Ahora llega el momento de meternos en el html de nuestro blog. No tengáis miedo, solo vamos a pegar lo que hemos copiado. Si en algún momento nos aburrimos, solo tendremos que borrar el código. No hay peligro. 

Vamos a nuestro menú de blogger, pinchamos en plantilla. Nos saldrá lo que veis más abajo. Seleccionamos edición HTML. Nos saldrá la siguiente pantallita. Pues bien, pinchamos en la casilla de expandir plantillas de artilugios



Pegamos en el buscador lo siguiente:

data:post.body/>

Al pegar este código en el buscador, este nos llevará directamente al lugar correcto. Se marcará lo que hemos buscado de un color.


Bien, ya estamos cerca del final. Volvemos a la página donde hemos dejado el código de nuestra firma. Lo seleccionamos, lo copiamos y lo pegamos justo después del código que hemos buscado. Las puntitas del final del código anterior y las del código nuevo que hemos pegado deben quedar juntas (como si se dieran un beso) 

Antes de guardar la plantilla pinchamos en vista previa, para asegurarnos que todo está bien. Podemos dejarlo así, tal cual, sin tocar nada más. Pero si queréis que la firma os quede perfecta podéis hacer una cosita más.

Como veréis en nuestro código aparecen las siguientes letras y símbolos:  href="....." Este código nos indica que ahí va un enlace. Es decir, hace que  la imagen tenga un link, un enlace. En este caso si alguien pincha en nuestra firma le llevaría a la web en la que hemos generado la firma (el programa lo hace de forma predeterminada). Pero lo podemos cambiar. Y ahora tomo yo el relevo del programa y os doy  dos opciones:
  1. Quitar el link: para ello borramos lo que hay dentro de las comillas. Dejando solo esto: href="" 
  2. Poner un link: sustituimos lo de dentro de las comillas por la dirección que nosotros queramos.
Volvemos a dar a vista previa para comprobar que todo está bien. Si es así, ya podemos guardar la plantilla definitivamente y tendremos nuestra firma siempre al final de nuestra entrada. Ya no hará falta que la añadamos nosotros mismos. 


Puede suceder que, nosotros ya tengamos una firma, una imagen y nos encanta y no queremos cambiar. Bien...no hay problema. Tengo soluciones para todos los problemas. Podéis seguir añadiéndola como imagen en vuestras entradas (es fácil y rápido) pero también la podéis poner de forma permanente. 
  • Lo primero que tienes que hacer es subir la imagen de tu firma a picasa, por ejemplo. 
  • Seguimos los mismos pasos anteriores:
plantilla + edición HTML+ expandir plantillas de artigulios + buscamos: data:post.body/>
  • Justo después de ese código pegamos el siguiente código (los piquitos tienen que quedar juntos):
<a href="DIRECCIÓN-LINK" target="_blank"><img src="URL DE LA IMAGEN" style="border: 0 !important; background: transparent;"/></a>

Ahora queda sustituir las palabras en negrita por los código correctos. Como ya os he dicho más arriba tenéis dos opciones para la dirección- link:

  1. Quitar el link: para ello borramos lo que hay dentro de las comillas. Dejando solo esto: href="" 
  2. Poner un link: sustituimos lo de dentro de las comillas por la dirección que nosotros queramos.
Para colocar la URL de la imagen solo tenéis que ir al lugar donde hayáis subido la foto, pinchar con el botón derecho y seleccionar COPIAR URL DE LA IMAGEN. 



Pegáis eso mismo en el lugar donde poner URL DE LA IMAGENComprobáis con vista previa que todo está bien. Si es así, guardáis y punto.



Actualización después de varias peticiones:



Centrar la firma:



Una vez que hayáis seguido todos los pasos... tenéis que añadir lo siguiente: justo después de  data:post.body/> ponéis el siguiente código: 


<center> y al final del todo ponéis </center>

Tiene que quedaros  algo así :

data:post.body/><center><a href="DIRECCIÓN-LINK" target="_blank"><img src="URL DE LA IMAGEN" style="border: 0 !important; background: transparent;"/></a></center>
Os recuerdo que luego tenéis que sustituir lo que está en negrita por las direcciones correctas (como os he explicado más arriba)
Y esto ha sido todo por hoy. No so quejaréis... os dejo mucho trabajo. Ya sabéis que si tenéis dudas me las preguntáis en los comentarios o en Facebook. Os responderé lo antes posible (empieza mi vida normal y dedicaré mil horas al día a mi trabajo) 

Un beso muy grande y que terminéis muy requetebien las navidades y un consejo para las de Pamplona (no vayáis al Mercadona todavía...debe de ser una batalla campal...).


Share to Facebook Share to Twitter Email This Pin This Share on Google Plus

88 comentarios:

  1. Maadre mía, qué currada de tutorial!! Muchísimas gracias por compartir esto con nosotras.

    ResponderEliminar
  2. Por cierto, el mío tampoco era Gaspar, iba cambiando de un año a otro, pero nunca eran Baltasar ni Melchor.

    ResponderEliminar
  3. Tienes un blog espectacular, de lo mejorcito de la web!

    ResponderEliminar
  4. ¡Qué útil! Aunque de momento no sé si lo utilizaré, si en algún momento lo hago, me vendrá muy bien ¡Gracias!

    ResponderEliminar
  5. gracias por tus enseñanzas, la caña!! tenemos que dar una imagen nueva al Blog...este año es nuestro propósito, bueno uno de ellos...
    De los reyes a nosotros siempre nos ha gustado Melchor, ´no parece más viejuno y por tanto mas entrañable,...jajajaj!!

    ResponderEliminar
  6. ¡Hola! Vaya que bueno! la verdad es que he echado un vistazo a varios tutoriales tuyos, y son muy útiles y están muy bien explicados, ya que puse alguno en práctica! jajaaj
    además tienes un blog bien organizado y bonito, y te curras las entradas.
    ¡Un saludo!

    ResponderEliminar
  7. Esta muuy bien!!!! En cuanto me ponga al dia ( que aun estoy ausente del blog) lo volvere a mirar xD

    Un beso!

    www.maymakeupp.blogspot.com

    ResponderEliminar
  8. Conseguido!! Gracias por este tutorial, nunca he estado muy puesta en estas cosas, así que me viene estupendamente, a ver si le doy un nuevo aire al blog!! Saludos!

    ResponderEliminar
  9. gracias..èro hay una manera para centrarlo??

    ResponderEliminar
  10. Muy util!!
    Yo aún no tengo pensado lo de la firma, pero está muy bien saberlo! Admás, siento que a pesar de que a mi tanta letra y tanto código me parezca un lio, lo explicas super bien!! :)
    Un besín!

    PD: Yo es que era más lista, no tenía un rey en especial, me gustaban los tres... ¡así son más a regalar! Jajajaja

    ResponderEliminar
  11. Me parece ideal el tutorial, según termine los exámenes de enero me pongo manos a la obra!
    Muchas gracias!

    ResponderEliminar
  12. Muchas,muchas gracias por compartir lo que sabes. La firma da mucha personalidad al blog.
    No quisiera abusar de tu amabilidad, pero tengo un pequeño problema : la firma no me sale centrada. ¿He hecho algo mal o queda así por defecto? Muchas gracias de nuevo!

    ResponderEliminar
  13. Acabo de conocerte y me ha encantado lo que he leído. Gracias por compartir, en algún momento lo llevaré a la práctica, jeje.
    Me quedo como "creative maja", qué caña!!!

    ResponderEliminar
  14. Que facil haces lo dificl! Estoy aprendiendo uchisimo asi que una vez mas, muchisimas gracias!!

    ResponderEliminar
  15. Te acabo de descubrir y has sido mi gran salvación a la una y mil dudas que me surgen..GRACIASSSSS!! Por cierto... a pesar de elegir siempre a Baltasar.. pobre Gaspar... un hurra por Gaspar, HURRA!! jajaja
    estoy fatal..a ver,tanto turrón...

    Besitos!
    Marta

    http://erisbroches.blogspot.com.es/

    ResponderEliminar
  16. Acabo de conocer tu blog y es simplemente fabuloso! es diseño es uno de los que más me ha gustado de los que he visto en la blogosfera! se ve fresco :)

    Yo me quedo con Melchor! Me parecía el más sabio (y traía oro jajajaja).

    Me quedo como seguidora (y si quieres puedes pasar por el mío, aunque sea a visitarlo)

    Besos
    Bocados Divinos

    ResponderEliminar
  17. Hola May
    Feliz Año, espero que hayas pasado lindas las fiestas en compañía de tu familia.
    Me encanta tu blog siempre se aprende algo, hoy aprendí a centrar en HTLM.
    Bs

    ResponderEliminar
  18. Antes de leer el tutorial, currao-currao, me bajo hasta aquí para decirte que mi rey mago es Gaspar!!! y es así porque de pequeña hice de rey Gaspar en una función del cole. Pero es verdad que poca gente le elige como Rey de cabecera.
    Ahora me voy a leer el tutorial.

    ResponderEliminar
  19. Muchas gracias por tu tutorial! Es la primera vez que me hago una firma, pensaba que lo del html y esas cosas iban a ser un caos, pero ha ido genial!

    ResponderEliminar
  20. may, cuando duermes?:)))))un beso enorme por el trabajo impresionante

    ResponderEliminar
  21. Hola may!!! Muy bueno tu blog!!! Muchas cosas geniales y muy utiles!!! No he podido insertar mi firma... la inserto en el codigo y nada... ¿ALguna idea de que estoy haciendo mal?

    Saludos desde Chile!!!

    www.cotonitoeneloido.blogspot.com

    ResponderEliminar
    Respuestas
    1. Pudiste Coni? Yo hago todo y tampoco me queda :S

      Eliminar
  22. por fin he sacado un ratito... y he insertado la firma en el blog! Gracias por el tuto... tengo mucho trabajo atrasado... jejejeje

    Un besote

    ResponderEliminar
    Respuestas
    1. May... tengo una duda dudosa... no sé si a alguien más le pasa o yo soy muy torpe...

      He visto, que tú cuando cortas la entrada, no te sale la firma hasta que no la abres y está al final que es donde debe estar... pero es que a mi... si pongo un continuar leyendo... me sale la firma y el continuar leyendo... no sé si me explico... que es lo que estoy haciendo mal??? ainsssssss

      Eliminar
    2. A mi tambien me pasa... Lo has podido soluionar?? Me echas un cable???

      Eliminar
  23. Hola gracias por todas tus ideas de como modificar un blogg generalmente toda esta información esta en inglés y en ocasiones me cuesta mucho entender todo pero tu explicas de una forma muy sencilla práctica y muy amigable.
    Gracias!!!!!!!!!!!!! por todos esto tips.

    ResponderEliminar
  24. MUchísimas gracias. Estoy en pleno proceso de actualización del diseño de mi blog y tus explicaciones me han ayudado mucho.

    Saludos

    ResponderEliminar
  25. Sos una genio!!! Gracias, gracias!!!

    Saludos cariñosos desde Nicaragua

    ResponderEliminar
  26. Muy bien explicado! Porq con lo torpe q soy lo he conseguido en un plis!
    Ya te tengo en mi lista de blogs de ayuda para blogs :)
    Besos y gracias!

    ResponderEliminar
  27. Gracias, gracias y gracias!! Me parece increíble que haya personas como tú que compartan su tiempo y saber con las demás para que podamos aprender y seguir mejorando.

    Un besote, desde ya, tu nueva seguidora:
    Patricia

    ResponderEliminar
  28. Hi there are using Wordpress for your site platform? I'm new to the blog world but I'm trying to get started and set
    up my own. Do you require any html coding knowledge to make your own blog?

    Any help would be really appreciated!

    Here is my homepage - Artykuły finansowe

    ResponderEliminar
  29. muchísimas gracias!! de verdad q lo he hecho en 5 minutos! eres un solete. y lo explicas genial! (eso de "como si se dieran un beso" m ha heho gracia! pero es q aveces necesitamos explicaciones para niños!!) ^^

    ResponderEliminar
  30. Hola guapa! te he descubierto ayer y me tienes enganchadisima a tu blog, he intentado lo de la firma y me ha quedado genial, el único problema es q el fondo de la firma me sale en color blanco y me gustaria poder fundirlo con el color de fondo del blog, ¿Me podrias dar alguna idea de como hacerlo?

    http://elrinconcitodelolitavintage.blogspot.com.es

    ResponderEliminar
  31. Hola, he descubierto hoy tu blog y ya he puesto en marcha la firma. Me quedo por aquí, porque tienes unas cosas más que interesantes y útiles.
    Para mí, que soy torpe total con todas estas cosas, me va genial.
    Muchas gracias por lo que haces!

    ResponderEliminar
  32. He intentado seguir los pasos y al final no he podido conseguirlo, me daba error varias veces en los códigos :(

    ResponderEliminar
  33. Hola May, bonita, gracias por el tuto, en su día inserté mi firma.. me encantaba, pero he cambiado de opinión y quiero quitarla, el problema es que con la nueva forma de HTML no consigo encontrar nada... desde luego que tontería tienen los de blogger en su body, ¿a santo de qué lo cambian? ahora no sirven apenas los tutoriales que personas estupendas y super sabias (no es peloteo, es la pura relaidad) como tu no nos sirven... ahora que ya empezaba a "controlar" algunas cositas van y me fastidian con este cambio!! ¿Me puedes echar una mano? Es que queda fatal.. he cambiado los colores del blog y ya no pega... XP Te estaría agradecidísima!!! Un abrazo! Y te pongo el link de mi blog para que veas que no pega ni con cola! jaja

    http://lalacraftabata.blogspot.com

    Es que no pega... ;(

    ResponderEliminar
    Respuestas
    1. Hola María!! tienes que pulsar en todas las flechitas que salen en el nuevo panel de HTML, después, pinchas con el ratón dentro del propio panel de HTML (después de activar las flechitas). Una vez hecho esto pulsas ctrl+f para que se abra el buscador. Este buscador se abrirá en la pantallita de HTML, no arriba como antes. Pegas ahí el código que buscas y pulsas enter. Se marcará el código que buscas y sigues el tutorial con normalidad!!

      Eliminar
    2. Hola! Acabo de hacer eso que dices y no me sale, me dice: "No se encontro la frase"

      :(

      Eliminar
  34. Hago todo lo que me dices, y no me aparece nada por ningún sitio... He probado de generar la firma un par de veces, por si era el código y nada... ya no se que hacer, y me parece genial la idea! :-(

    ResponderEliminar
  35. Hola, May
    A mí tampoco me resulta... Cambié un poquillo el blog y se me borró la firma. Ahora, con los cambios de blogger, he seguido tus instrucciones y no me aparece la firma :( Lo he intentado varias veces y nada.
    Muchas gracias

    ResponderEliminar
  36. Hola May, me encanta tu blog, una ayuda excelente, intenté lo de la firma y me salió, el único problema es que me sale con un recuadro en blanco alrededor, no habría forma de quitárselo y que salga transparente?
    Un saludo y por favor sigue ayudándonos a todas.
    Muchas gracias.

    ResponderEliminar
  37. Que rabia, después de pasarme un buen rato eligiendo la firma, el color... y otro rato más largo intentando pelearme con la plantilla nueva y blablabla... no funciona, lo he hecho varias veces por si fallaba cualquier tonteria pero no hay suerte. Lo malo es que me voy a la cama y tardaré un buen rato en dormirme dándole vueltas a la cabeza. Saludos.

    ResponderEliminar
  38. Otra vez aquí: Sigo haciendo intentos y cuando coloco el código al final de una entrada aparece la firma pero dentro de un cuadro blanco aunque yo había seleccionado "transparent". Lo dejo por hoy o mejor dicho por ayer.

    ResponderEliminar
    Respuestas
    1. Claro!! el problema es que todas tus imágenes en blogger saldrán con un reborde... tienes que quitarlo! En este tutorial os explico cómo hacerlo. http://creativemindly.blogspot.com.es/2013/04/tutoriales-faciles-para-blogger.html

      Para que funcione el tutorial de quietar los rebordes negros, en la plantilla html, tienes que activar las 3 primeras flechitas que te aparecen a la izquierda!

      Eliminar
  39. ¡Hola!

    He hecho el proceso de creación de la firma sin problema, a excepción de cuando quiero añadirla de forma permanente en el blog. No encuentro la opción de ¨expandir plantillas de artilugios¨, sólo veo la opción de ¨restablecer¨. Cuando intento buscar ¨data:post.body/>¨ tampoco la encuentro, así que no puedo pegar la firma que he hecho. ¿Me podríais ayudar?

    El blog me encanta, ¡mil gracias!

    ResponderEliminar
  40. Hola, estoy tratando de insertar mi firma,pero el diseño de HTML cambio, puede ayudarme a hacerlo con este nuevo diseño?

    Gracias,

    Miryana

    ResponderEliminar
  41. Hola, he seguido todos tus pasos, pero ohhhh..cuando llego al capitulo de poner o insertar los códigos en la plantilla de blogger no puedo. Le doy a la opción Editat HTLM, pero no tengo la pestaña de "Expandir plantilla de artilugios" ¿que hago?

    ResponderEliminar
  42. Me ha pasado algo extraño. Después de mucho tiempo con mi firma correctamente instalada, hoy no se ha visto la imagen y me ha salido el típico iconito del interrogante. He ido a configuración de la firma en Blogger a ver qué había mal y no sé cómo, en un borrador de una entrada para ver la firma en vista previa le he dado a "abrir enlace" de la imagen de la firma y ahora me sale en cada entrada (en el borrador) todo el contenido de ese enlace, y no la imagen de la firma. No sé si se ha entendido esto y cómo lo podría rectificar, por favor.

    ¡Gracias!

    ResponderEliminar
  43. Gracias May!!!!!. Eres un solete, jejejejeje!!!!.

    ResponderEliminar
  44. Hola May, me encanta todo lo que generosamente nos enseñas..... Tengo un problema con la firma. No tengo la opción "Expandir plantilla de artilugios", y no sé qué hacer??. Tengo: IR AL WIDGET------ EDITAR PLANTILLA-------- VISTA PREVIA DE PLANTILLA -------- REVERTIR LOS CAMBIOS ----- RESTABLECER PLANTILLAS DE ARTILUGIOS A LOS VALORES PREDETERMINADOS ------- PLANTILLA DE FORMATO. No tengo ni idea a qué le debo dar.
    correo: puntadascondetalle@hotmail.com
    Un millón de gracias
    Yoyi

    ResponderEliminar
  45. Hola May, lo has explicado todo de maravilla, lo único es que la firma sale en un recuadro que no me gusta. Me gustaría que estuviese fundido, no con un recuadro.
    Gracias de antemano.
    www.theforeignergirl.blogspot.com.es

    ResponderEliminar
  46. GENIAL!!! gracias May por este tutorial tan claro, ya tengo la firma hecha y yo opto por pegarla como imagen por si más adelante decido cambiarla :)
    Graciass!!

    ResponderEliminar
  47. The Foreigner!! aquí tienes un tutorial donde seguramente resolverás tu problema: http://creativemindly.blogspot.com.es/2013/04/tutoriales-faciles-para-blogger.html

    El de quitar el borde a las fotos. Si no te sale cuéntame o escríbeme mail!

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

    ResponderEliminar
  49. Yo he hecho todos los pasos y he conseguido que me aparezca la firma, pero tal y como han comentado otras chicas antes, me aparece después del "más información" en lugar de al final d la entrada...¿Como se arregla?

    ResponderEliminar
  50. excelentew blog, la felicito, gracias por compartir sus conocimientos, gracias. editorfrelanceblospot.com

    ResponderEliminar
  51. ooh he seguido todos tus pasos pero no me sale :(

    ResponderEliminar
  52. Por fin me ha salido lo de la firma, la verdad es que siguiendo tus pasos es muy sencillo, me está quedando el blog, muy chulo, gracias a ti, eres genial.

    ResponderEliminar
  53. Me gustaría poner mis gadets por secciones, ya sabes, blog que recomiendo y paginas interesantes...

    gracias.

    ResponderEliminar
  54. Hola, May. A mi tampoco me sale la firma por ningun lado. He hecho todos los pasos mil veces y nada de nada. ¿Qué hago mal?

    ResponderEliminar
  55. Guapura, me encantan tus tutos!
    Este en particular, lo llevo a cabo, pero la firma no me aparece en ninguno de los post que ya tenía publicados; será que solo salen en nuevos? Tengo que poner algo más?

    Tu blog está mas que bueno y me encanta porque antes no podía tener el blog como lo quería porque no sabía absolutamente NADA de html!!! (sigo sin saber, solo que ahora sigo tus tutos xD). Muchas gracias linda!
    Un besaso desde Uruguay :3

    ResponderEliminar
  56. Qué genial muuuchas gracias perooo tengo un problemaaaa cuando meto data:post.body/> no me sale nada no busca nada no nada en mi blog no se xk....me puedes ayudar??? un besoteee

    ResponderEliminar
  57. Hola, yo tengo el mismo problema que Yoyi, de expandir artilugios no me sale ná.Una ayudita, por favor

    ResponderEliminar
    Respuestas
    1. ayer publique un tutorial donde lo soluciono!

      Eliminar
    2. ayer publique un tutorial donde lo soluciono!

      Eliminar
  58. esto es lo mejor de lo mejor, de las mejores entradas y tutos que he visto, de verás wow felicitaciones, esta increible, muy didactico y me ayudo demasiado!

    ResponderEliminar
  59. Holaaaaaaa, me ha encantado y todo me ha salido, hasta que llegue a la edición de la plantilla, le doy en editar HTML pero me sale una interfaz diferente, no me da la opción para expandir plantilla de artilugio, no se porque :( ojala me respondas, porque quiero ponerle mi firma al blog!!!

    ResponderEliminar
  60. Hola guapa.
    Estupenda entrada y muy útil tu blog en general.
    He seguido tus instrucciones pero no me aparece la firma en las entradas.
    ¿Sabes que es lo que pueda estar fallando?.
    Ya tienes una seguidora más. Y muchas gracias por la ayuda.

    ResponderEliminar
  61. no me salio, me salen mis imagenes mas grandes..

    ResponderEliminar
  62. Muchísimas gracias, May!!! ya tengo firma y centrada!!! gracias de verdad, lo has explicado muy facilito.
    Un saludo

    ResponderEliminar
  63. Hola, este tutorial me ha servido de mucho, pero, tengo una duda, verás al hacer el paso de ctrl+f, no encuentro lo que busco, ¿qué puedo hacer?.
    Muchas gracias!

    ResponderEliminar
  64. Hola May!

    Encontré hoy tu blog y me encantó, voy a intentar un par de cosas que me interesan.
    Por ahora intenté lo de la firma, y si bien sigo todos los pasos y hago todo tal cual lo dices, al guardarlo, no me aperece la firma. :( :(
    No sé que puede ser...pero no es la primera vez que sucede. Ya quise cambiar el cursos, y si bien hago todo como lo explican, no aparece.

    Qué problema puedo estar teniendo?

    Gracias!

    ResponderEliminar
  65. Hola!!

    Inserte la firma hace días pero mi problema es que después añadí un botón de "seguir leyendo" y ahora me aparece la firma y después el botón de seguir y. Me gustaría que no se viera la firma hasta el final de la entrada. ¿sabes alguna manera de conseguirlo? Gracias!!

    ResponderEliminar
  66. Hola May, hace tiempo que sigo tu blog y me encanta lo que haces pero no había visto esta entrada la he descubierto hoy por casualidad. No puedo resistirme a escribir este comentario porque preguntas ¿a alguna le gusta Gaspar? ya se que te refieres a los reyes magos pero es que mi marido se llama Gaspar y me ha hecho mucha gracia la pregunta. La respuesta es a mi me gusta Gaspar y mejor ser la única jajajaja.
    Aunque mi comentario no tenga que ver con el tutorial como te he dicho no me podía resistir a defender la importancia de "mi rey Gaspar", :-) jajaja
    Un beso y me encanta tu trabajo sigue así.

    ResponderEliminar
  67. Gracias, no se me ocurría como hacerlo (y lo sencillo que es), me encanta tu blog esta muy interesante. Gracias otra vez ;)

    ResponderEliminar
  68. Muchas gracias por este tutorial tan interesante. A ver si consigo un blog casi tan chulo como el tuyo. Saludos!!!

    evamarfotografia.blogspot.com.es

    ResponderEliminar
  69. Hay otra forma más sencilla, y un poco más "casera" y cutre que consistiría en incorporar el código HTML de esa firma (imagen) desde el menú de configuración de entradas. Es la que he tenido que aplicar yo, tras andar trasteando mucho en su día en mi blog en busca de las líneas que había de incoporar a la plantilla. Sea como sea, como siempre un gran tutorial, guapa. Un besazo.

    ResponderEliminar
  70. Hola May,

    He seguido el tutorial y no consigo que se vea la firma en mi blog. Sí se ve en la versión móvil, pero enlaversión web no.
    ¿Sabrías decirme el por qué?
    Gracias!!

    ResponderEliminar
  71. Muy bien explicado, pero como siempre hay un paso que no me sale, mi buscador no encuentra data:post.body/>
    asi que me he quedado a medias. Muchas gracias

    ResponderEliminar
    Respuestas
    1. Hola!! Prueba a ponerlo sin barras ni símbolos!

      Eliminar
  72. Oigan, mi rey es Gaspar. Que mal que lo marginan. :,(

    ResponderEliminar
  73. Genial tu post. Me ha gustado mucho. Y me ha sido muy útil. Todo me sale bien, pero cuando llego a darle vista previa no sale la firma por ninguna parte. Y si le doy a guardar tampoco. He hecho diferentes firmas con distintos colores y ni por esas. Algo estoy haciendo mal y no sé lo que es. Si pudieras ayudarme te lo agradecería. Un abrazo.

    ResponderEliminar
  74. No puedo hacerlo... ahora sale un espacio gigante eal final de cada post, pero ninguna firma... me ayudarias??

    ResponderEliminar
  75. Qué bueno! Acabo de usarlo y sólo me queda una duda...me sale la firma, pero no transparente...es decir...como png sí que la veo transparente pero luego en el post sale enmarcada. con un marco tipo como en relieve :( hay solución?

    ResponderEliminar
  76. Hola! La verdad es que no me sale. Lo estoy haciendo todo tal como dices y no me sale para nada. Ojala me puedas ayudar.

    Muchas gracias

    Besos♥

    ResponderEliminar
  77. Yo estaba buscando una firma que se ponga automáticamente cada vez que creo una entrada.

    ResponderEliminar
  78. hago todo como dices pero no me aparece nada :(

    ResponderEliminar

Muchas gracias por escribirme!! Si quieres puedes hacer alguna petición, recomendación... ¡¡Me encanta leeros!!