28 agosto 2014

Tutorial - Como poner firma en entradas

En el tutorial anterior, hemos visto como centrar el título de las entradas de nuestro blog.

Hoy, os voy a explicar cómo colocar una firma personalizada al final de cada entrada.

Antes de nada, tenemos que tener una imagen con nuestro nombre o lo que queramos que aparezca como firma. Podemos hacerlo con cualquier tipo de programa de diseño (Photoshop, PhotoScape…), si no dispones o no sabes utilizar ninguno de estos programas, yo te dejo un recurso gratuíto para poder realizar la firma para tu blog.


Tienes que ir a este enlace, pinchar en el botón que “Create signature”




Lo siguiente, será poner el nombre o texto que queramos que aparezca en la firma, y pinchamos en “Next step”



Ahora podremos elegir el tipo de fuente que más nos guste o adapte al diseño de nuestro blog (para poder ver más fuentes, tan solo hay que ir pinchando en los botones morados de arriba)


Cuando tengamos seleccionada la fuente que nos guste, pinchamos en “Next step”



Para continuar, vamos a elegir el tamaño de la fuente para nuestra firma, hay 10 tamaños diferentes (yo elegí el número 6)




Volvemos a pinchar en “Next step”



Aquí, podremos elegir si queremos poner color de fondo a la firma o dejarlo en transparente y el color de la letra, para que se inserte mejor en la estética de nuestro blog.



Yo le dejé el fondo transparente, y el color de la letra en negro, todo como viene por defecto (vosotr@s podéis jugar con los colores, como más os guste)

Vamos a “Next step”

Verás que en el siguiente paso, puedes darle inclinación al texto, para que quede más original, yo he seleccionado el número 10





Ya estaría finalizada nuestra firma


 

Pinchamos en el enlace que pone “CLICK HERE TO DOWNLOAD YOUR SIGNATURE” y se nos descargará la firma en imagen.

Una vez descarga la imagen de nuestra firma, lo siguiente que habrá que hacer es, subirla a una entrada nueva que no publicaremos (solo para subir la imagen a blogger) o crear una página oculta donde subamos imágenes que coloquemos en el blog que no sea para las entradas.


 

Subida la firma a blogger, pinchamos con el segundo botón del ratón encima de ella, y seleccionamos la opción “Copiar dirección de enlace”, abrimos un bloc de notas, y pegamos el enlace.




  
Copiamos el siguiente código en el mismo bloc de notas, y reemplazamos el texto en rojo por el enlace de la firma, para que quede como se ve en la imagen que hay a continuación:

<img src="ENLACE DEL IMAGEN DE NUESTRA FIRMA"/>





El resultado del código tiene que ser este:

<img src="http://3.bp.blogspot.com/-BkIMavjzGXs/U_oX2ga0WjI/AAAAAAAACtE/8Iq4SGx1HzM/s1600/firma.png"/>

Para colocarlo cómo firma al final de las entradas de nuestro blog, hay que hacer lo siguiente:

1.- Vamos a www.blogger.com , e iniciamos sesión con nuestro mail y contraseña.

2.- Accedemos al blog en el que queramos colocar la firma.

3.- Pinchar en la última opción que pone “Configuración”



4.- Salen varias opciones, pinchar en la opción “Entradas y comentarios”


5.- La opción que tenemos que configurar, es la que pone, “Plantilla de las entradas”, pinchamos en añadir



6.- Se nos abre un recuadro para escribir lo que queramos


7.- Pinchamos dentro del recuadro para poder escribir, y antes de nada, le damos un INTRO (para que la firma no quede pegada al texto de la entrada), y copiamos el código de nuestra firma que hemos realizado anteriormente, tiene que quedar como se ve en la siguiente imagen



8.- Guardamos los cambios realizados y ya saldrá la firma en nuestras entradas.

ACLARACIÓN*: La firma saldrá en las entradas nuevas que hagas, en las que tengas más antiguas, no saldrá.

Ahora, cuando vayáis a crear una entrada nueva a vuestro blog, veréis que sale la firma


 
Tan solo tenéis que poner el cursor de escribir antes de la imagen, y empezar a editar vuestra entrada con total normalidad. Cuando la tengáis terminada, la publicáis. Este sería el resultado.


Para cualquier tipo de duda o problema con este tutorial, podéis poneros en contacto conmigo:

MAIL: isa.i.c@hotmail.com

FACEBOOK: https://www.facebook.com/pages/Fondosisabella/462698477133596
 


 

No hay comentarios:

Publicar un comentario en la entrada

Related Posts Plugin for WordPress, Blogger...