Related Posts Plugin for WordPress, Blogger...

26 de agosto de 2012

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!!!!!)


17 comentarios:

  1. Eres la Caña!!!! =D. ¡¡¡Gracias por compartir, por tu ayuda, tu tiempo y por ser como eres!!! ^^. A ver si te gustan los míos? ;).

    Muuuuchos Besotes!!!.

    ResponderEliminar
    Respuestas
    1. Yo lo pude hacer porque otros compartieron. Es lo bueno que tiene esta gran familia, nos ayudamos unos a otros, como tu a mi :)
      Un abrazo. Y claro que me gustan

      Eliminar
    2. Y hablando de mundo 2.0, aquí me tienes para invitarte a que te pases cuando puedas por mi rinconcito ;) http://micucolinet.blogspot.com.es/2012/08/premio-gracias-por-tu-amistad-y-receta.html.

      MUACKS.

      Eliminar
    3. Oye, tu los has cambiado otra vez no? ahora me gustan más :)

      Eliminar
    4. Si, jejeje, cuándo te pregunté aquí los acababa de cambiar ;D.

      MUACK.

      Eliminar
  2. Vaya, Carmen, justo lo que estaba buscando antes de irme a la playa. ¡Hay veces que parece que me lees la mente! En cuanto deshaga la maleta me pongo. Gracias.

    ResponderEliminar
    Respuestas
    1. A ver si te animas con el blog, que me lo tienes abandonadito jajajaja
      Un beso

      Eliminar
  3. Mil gracias por compartir solete, gracias a ti, me he animado con pinterest, que soy más que desastre con estas cosas! gracias, gracias, gracias! Besicos y ya de paso te comento que la entrada de tu hombrecico fue genial, se me pasó comentarla, ainss como siempre, pero no podía dejar de comentartela. Muakk

    ResponderEliminar
    Respuestas
    1. Sí, ya te vi por allí, me encanta también juntarnos por esos lares, hay cosas tan chulas y se cogen tantas buenas Le comentaré que te gustó, para que se ponga contentillo y deje los celillos que le provoca este espacio jajaja
      Un abrazo

      Eliminar
  4. Muchas gracias preciosa por compartirlos, pero yo solo puedo usar dos, jajaja. A ver si tengo un rato y los pongo.
    Un besazo!

    ResponderEliminar
  5. Qué bien me fué tu mail Carmen!!! todavía estaría buscando botones por la red y como ponerlos, aunque soy apañada para estas cosas, esto se me enquistó!!! y no había manera!!
    Mil gracias guapa por compartir!!!
    Un besazo!

    ResponderEliminar
    Respuestas
    1. Me alegro de que te sirvieran ya ves que soy pelin floja y después de escribirlo para Inma me limité a copiarlo para ti y para publicarlo aquí casi tal cual. Perdona si el mail se notaba mucho que era en principio para ella :)
      Lo importante que te ayudara.
      Un beso

      Eliminar
  6. la información debe fluir, y tu para esto eres unica!!!

    ResponderEliminar
    Respuestas
    1. Sólo le doy nuevas vías, a mi me llegó así, fluyendo, justo es que siga su camino :)

      Eliminar
  7. Hola, guapetona! Llevo varios días volviéndome tarumba: estoy intentando incluir en mi blog los botones sociales y no soy capaz. Me acabo de acordar de que tú explicabas cómo hacerlo. ¡Ya te contaré! Besos ;D

    ResponderEliminar
  8. ¡Lo conseguí! Muchas gracias, guapetona

    ResponderEliminar