En esta entrada os voy a enseñar cómo poner en el Blog los botones de redes sociales (facebook, twitter, instagram...) de una manera muy sencilla.
1. Busca los modelos de botones que más te gusten, aquí podéis encontrar unas cuantas opciones bastante creativas e interesantes.
2. Ahora tienes que conseguir la URL para cada botón. Para ello entra en http://es.tinypic.com/, en esta página lo que debes hacer es subir cada imagen y le das a "Cargar Ahora" y te creará una URL para cada botón. Guárdalos porque los necesitarás en el siguiente paso.
3. Ahora nos vamos a Blogger,en el apartado de Diseño y tienes que "Añadir un gadget".
Escoge la opción de "HTML/Javascript".
Tienes la posibilidad de poner un título como "sígueme" o "contacta", yo en mi blog no lo he hecho porque no veo que sea necesario poner un título aquí y creo que queda mejor así, más sencillo.
4. Copia el siguiente código para cada una de tus redes sociales y después lo pegas en el gadget. Pongo el ejemplo con mi Facebook:
<a href="https://www.facebook.com/antiajd" target="_blank"><img src="http://i57.tinypic.com/1zp0igp.png" alt="Mi Facebook"/></a>
+ La parte escrita en naranja es la URL de tu Twitter/Facebook, LinkedIn...
+ La parte escrita en verde 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.
5. Si tu idea es poner varios iconos seguidos uno al lado del otro, lo que tienes que hacer es poner un espacio en el teclado y copiar el mismo código pero personalizado con la red social que quieras poner.
Para que tengáis una idea, así es como queda mi código entero:
3. Ahora nos vamos a Blogger,en el apartado de Diseño y tienes que "Añadir un gadget".
Escoge la opción de "HTML/Javascript".
Tienes la posibilidad de poner un título como "sígueme" o "contacta", yo en mi blog no lo he hecho porque no veo que sea necesario poner un título aquí y creo que queda mejor así, más sencillo.
4. Copia el siguiente código para cada una de tus redes sociales y después lo pegas en el gadget. Pongo el ejemplo con mi Facebook:
<a href="https://www.facebook.com/antiajd" target="_blank"><img src="http://i57.tinypic.com/1zp0igp.png" alt="Mi Facebook"/></a>
+ La parte escrita en naranja es la URL de tu Twitter/Facebook, LinkedIn...
+ La parte escrita en verde 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.
5. Si tu idea es poner varios iconos seguidos uno al lado del otro, lo que tienes que hacer es poner un espacio en el teclado y copiar el mismo código pero personalizado con la red social que quieras poner.
Para que tengáis una idea, así es como queda mi código entero:
<a href="https://www.facebook.com/antiajd" target="_blank"><img src="http://i57.tinypic.com/1zp0igp.png" alt="Mi Facebook"/></a>
<a href="https://twitter.com/" target="_blank"><img src="http://i57.tinypic.com/1r6cmt.png" alt="Mi Twitter"/></a>
<a href="http://es.pinterest.com/antiajd/" target="_blank"><img src="http://i57.tinypic.com/21cf242.png" alt="Mi Pinterest"/></a>
<a href="http://instagram.com/antiajd" target="_blank"><img src="http://i57.tinypic.com/2ltr4m1.png" alt="Mi Instagram"/></a>
6. Por último lo que tienes que hacer es guardarlo y listo, ya tienes tus botones de red social.
No dudes en visitar mi blog http://fotovivenciasantia.blogspot.com.es/.
.png "Google-Translate-Spanish to English")
