Hoy comparto. Botones sociales

Ya comenté que había puesto los botones sociales hace poquito y como os he mandado las "instrucciones" a algunas y quizás a más gente le interesen, aquí van. 

Lo primero obviamente es encontrar los que os gusten, vayan con el estilo del blog...

En mi carpeta de Pinterest recursos hay algunos, para que le echéis un vistazo. Si no, podéis buscar en Pinterest, en google y donde más se os ocurra: Botones sociales / free social media icons / social buttones...o algo así.

Aseguraros que tengan todos los botones que necesitéis. Yo tenía vistos estos  y me gustaban mucho, pero me faltaban algunos, como el de instagram creo recordar, así que le pedía a la genial Sarai Llamas que me los diseñera, como está mu liá la mujer (ole por ella, señal de que no le falta el curro porque es muy buena, y no es peloteo), pasó un mesecito  y en esto que cuando ella iba a empezar a hacerlo, encontré estos que me encajaba mejor y tenían todos los que necesitaba. 

Una vez que los tienes vistos debes descargarlos a tu ordenador, quizás sea necesario que cambies su tamaño. Puedes hacerlo con Photoshop o como en mi caso, con Gimp. Yo lo hice porque eran demasiado grandes para mi gusto. 72x72. Los dejé en 40x40

Después tienes que subir las imágenes a Photobucket, para obtener el código URL de cada una de ellas.

Lo siguiente lo hice todo SIGUIENDO ESTE TUTORIAL http://www.hernewleaf.com/2012/01/31/primp-my-blog-how-to-add-social-media-buttons-to-your-sidebar/ y como está en inglés lo traduje con el navegador.

En blogger, que es el que conozco, lo tienes que hacer en diseño, añadiendo un gadget HTML. Tendrás que tener abierto el photobucket, el blogger y la página de tu red social que quieras añadir, para ir copiando.

Básicamente esto es lo que tenéis que escribir  

<a href="el enlace a vuestra página de facebook, twitter..."target="_blank"><img src="el código de la imagen que proporciona photobucket"></a>

Para que salgan en horizontal, como los mios, basta con seguir añadiendo en el mismo gadget más códigos.

Si los queréis en otra línea tendréis que crear otro gadget.

Parece complicado al principio, pero una vez coges la dinámica no tiene ningún problema. Sólo comprueba en cada caso que está bien hecho para que lleve al sitio correcto, si no es así repasa todas las letras y símbolos.

Mis pasos fueron. Descargarme los iconos y subirlos a photobucket. Cuando metí el primero y vi que era demasiado grande, los escalé todos con gimp, borré del photobucket los primeros para no liarme y subí los nuevos más pequeños. Como ya tenía todo el código HTML metido en el gadget, sólo tuve que sustituir la parte de la imagen por el código de la nueva imágen más pequeñita que la anterior.

El de Youtube lo he creado retocando con giymp uno de los diseños que me hicieron para la tienda añadiéndole el botón de youtube a juego con los otros. 

Espero que os sea de utilidad y si tenéis problemas no dejéis de preguntarle a una experta (que no sea yo jua, jua, jua!!!!!)