Cómo insertar iconos sociales en tu blog

¿Cómo insertar botones con tus redes sociales? Para empezar, escoge el modelo que más te guste entre los que encontrarás aquí y aquí. Y después atrévete a insertarlos con HTML!

Que no te dé miedo el HTML, en el fondo únicamente se trata de copiar y pegar. De esta forma conseguirás que de un vistazo tus lectores conozcan todos los canales a través de los cuales te pueden seguir. 

Facilitarás que se conviertan en suscriptores y sólo tendrás que dedicarle unos minutos. Aquí va el tutorial:

Escoger los iconos que se adapten mejor a la estética de tu blog + conseguir la URL de cada uno.

- Descarga los que más te gusten de aquí o aquí y dirígete al punto 2.

- Si por contra prefieres utilizar otros, puedes diseñarlos tú mismo o buscarlos a través de "Google Imágenes". En cuanto los tengas guardados en tu ordenador, tocará colgarlos en cualquier web con hosting gratuito. Yo lo hice en Google Sites y es muy fácil siguiendo estos pasos:

• Dirígete a Google Sites
• Clica en "Crear Nuevo sitio", escribe el nombre para tu sitio y clica en "Crear sitio"
• Ya estás dentro, busca el desplegable "Más" de arriba a la drcha y clica en "Administrar sitio".
• Entra en el apartado de "Archivos adjuntos" de la izq.
• Sube uno por uno todos los iconos que habías descargado
• Cuando hayas acabado, tendrás algo así. Pulsa sobre "Ver" y se abrirá una página nueva. En la barra de dirección tienes la URL de cada uno de tus iconos.

Añadir los iconos con HTML

- Dirígete al apartado de diseño de Blogger y haz "Añadir un gadget" en el lugar donde quieras colocarlos.
- Escoge la opción de "HTML/Javascript"
- Pon un título tipo "seguir", "contactar", "otros canales"...., copia el siguiente código para cada una de tus redes sociales y guarda. Pongo el ejemplo con mi Twitter

<a href="https://twitter.com/2ndfunniest" target="_blank"><img src="https://sites.google.com/site/2ndfunniestthing/twitter.png" alt="Seguir a 2nd Funniest Thing en Twitter"/></a>

La parte escrita en verde es la URL de tu Twitter/Facebook, LinkedIn...
La parte escrita en rojo es la URL donde está colgado el icono que utilizas para esa red social
La parte escrita en azul es lo que verá la gente al pasar el ratón por encima.

- Si quieres poner varios iconos, después de este código da un espacio con el teclado y vuelve a copiar el mismo código pero personalizándolo para cada red social. Aquí ves mi código completo como ejemplo de lo que te quedará:


<a href="https://twitter.com/2ndfunniest" target="_blank"><img src="https://sites.google.com/site/2ndfunniestthing/twitter.png" alt="Seguir a 2nd Funniest Thing en Twitter"/></a>

<a href="http://www.facebook.com/2ndfunniestthing" target="_blank"><img src="https://sites.google.com/site/2ndfunniestthing/facebook.png" alt="Seguir a 2nd Funniest Thing en Facebook"/></a>

<a href="http://www.bloglovin.com/en/blog/3732044/tutoriales-y-piezas-unicas-diys-un" target="_blank"><img src="https://sites.google.com/site/2ndfunniestthing/Bloglovin.png" alt="Seguir a 2nd Funniest Thing en Bloglovin"/></a> 

<a href="http://pinterest.com/2ndfunniesthing/" target="_blank"><img src="https://sites.google.com/site/2ndfunniestthing/pinterest.png" alt="Seguir a 2nd Funniest Thing en Pinterest"/></a> 

<a href="http://feeds.feedburner.com/TutorialesYPiezasnicas-DiysUniquePieces" target="_blank"><img src="https://sites.google.com/site/2ndfunniestthing/mail.png" alt="Seguir a 2nd Funniest Thing por email"/></a>

<a href="http://www.linkedin.com/in/2ndfunniestthing" target="_blank"><img src="https://sites.google.com/site/2ndfunniestthing/linkedin.png" alt="Contactar con 2nd Funniest Thing en LinkedIn"/></a>

Espero que la explicación sirva de ayuda a alguien :)

Un abrazo!!

Si necesitas cualquier cosa estaré al otro lado de mi galería de DIY's y de la página de Blogueras Motivadas 

Marta