Cómo poner los botones de las Redes Sociales en nuestro Blog

Hola a todos, hoy vamos a ver en unos sencillos pasos como añadir mediante código HTML los botones que redirigen a las redes sociales en nuestro blog.

Paso 1. En nuestro escritorio de Blogger nos vamos a dirigir al apartado de diseño.

Paso 2. En el lateral hacemos click en donde pone Añadir un gadget, se nos abrirá una entana emergente en la que seleccionaremos el gadget que pone HTML/Javascript dandole al simbolo de +

Paso 3. Se nos abrirá una ventana emergente, en la que tendremos que poner un título y un contenido.

Paso 4: Insertar el código. En el contenido es donde vamos a poner el siguiente código:

<a href="URL PERFIL SOCIAL" target="_blank"><img src="URL DEL ICONO DE LA RED SOCIAL" width="30" height="30" alt="Síguenos en Twitter" /></a>

NOTA 1.El apartado que pone width y height tiene que ser el mismo, ya que los iconos son cuadrados, pero podéis poner el tamaño que más os guste.

Los códigos se copiaran a continuación, dejando sólo un intro de separación, de tal manera que completeis todas las redes sociales que queráis integrar.

Paso 5: Copiar las URL´s de las imágenes. Para copiar la URL de una imágen solo tienes que poner el cursor del ratón sobre ella y pulsar en el botón de la derecha, de tal manera que se abrirá una ventana emergente, en la que seleccionaremos la opción copiar la ruta del enlace. 
 

De tal manera que nos quedarían así los iconos:

 
Aquí os dejo unas imágenes correspondientes a los iconos de las redes sociales más usadas y que os pueden servir de ayuda.

Facebook

Flicker

Google +

Instagram

Linkedin

Pinterest

RRSS

Twitter

Youtube