Mailrelay, email marketing

Como poner los botones sociales en tu blog

Botones para enlazar a redes sociales

Revisando los comentarios he visto uno que me pedía que explicara como poner los botones sociales en el blog de Blogger, es decir, añadir unos botones en el blog que cuando lo pulses te lleva a la red social donde compartes ese blog.



Se reía porque decía que llevaba dos días buscándolo y no lo encontraba...
En su defensa diré que en su momento a mi me pasó lo mismo y gracias a una compañera bloguera que me ayudó y me pasó el código pude ponerlos.

Es muy sencillo, así que paso a ponerlos los códigos que simplemente tenéis que añadir en "Añadir un Gadget" dentro de  "Diseño" de Blogger.

Códigos para poner los botones de las redes sociales:

Botón Enlace a tu Fan Page.
Solo tienes que cambiar las equis por la url de la Fan page donde quieres que aterricen cuando lo pulsen.

<a href="XXX" target="_blank"><img alt="siguenos en facebook" height="40" src="http://3.bp.blogspot.com/-MQuocq7OzfU/UiXwUY81yQI/AAAAAAAAB0Q/h6-R_R2-buI/s1600/face.png" title="siguenos en facebook" width="40" /></a>

Botón Enlace a tu perfil de Google+
Sustituir las equis por la url de tu perfil de Google+

<a href="XXX" target="_blank"><img alt="siguenos en Google+" height="40" src="http://1.bp.blogspot.com/-LzgEeObkOc0/UiX1TupB_KI/AAAAAAAAB5I/Ox_ZllZY90g/s1600/Google%252B+alt.png" title="siguenos en Google+" width="40" /></a>


Botón Enlace a Twitter.
Sustituir las equis por la url del perfil de twitter donde quieres que enlace.

<a href="XXX" target="_blank"><img alt="siguenos en Twitter" height="40" src="http://2.bp.blogspot.com/-B0wCtNXYV3U/UiX1VnAQSrI/AAAAAAAAB6Q/ILY3m0NJVE8/s1600/Twitter+NEW.png" title="siguenos en Twitter" width="40" /></a>


Botón Enlace a YouTube.
Sustituir las equis por la url de tu canal en YouTube.

<a href="XXX"_blank"><img alt="Canal de youtube" height="40" src="http://1.bp.blogspot.com/-Kbat8Qs8-jI/UiX1Xb3CVVI/AAAAAAAAB6s/xHyfeb2CZY4/s1600/YouTube+alt+1.png" title="Canal de youtube" width="40" /></a>


Botón Enlace a Pinterest.
Sustituir las equis por la url a tu pagina de perfil de Pinterest.

<a href="XXX" target="_blank"><img alt="Sígueme en Pinterest" height="40" src="http://2.bp.blogspot.com/-KHetdaG7a3k/UiYL4-DxQ3I/AAAAAAAAB8U/SvI6JVuRleg/s1600/pinterest.png" title="Sígueme en Pinterest" width="40" /></a>



Botón Enlace a tu cuenta de Instagram.
Sustituir las equis por la url de tu perfil en Instagram.
<a href="XXX" target="_blank"><img alt="sígueme en Instagram" height="40" src="http://1.bp.blogspot.com/-y2Hmt1c7DO8/UidPHZf07cI/AAAAAAAAB_4/VoI2-auBvNU/s1600/instagram2.png" title="sígueme en Instagram" width="40" /></a>



Botón Enlace a tu perfil en tumblr.
Sustituir las equis por la url de tu perfil en tumblr.

<a href="XXX" target="_blank"><img alt="sígueme en Tumblr" height="40" src="http://3.bp.blogspot.com/-tfI5XsIzBxs/UiX1Va4Y3MI/AAAAAAAAB58/rDoq4s66_AA/s1600/Tumblr+alt.png" title="sígueme en Tumblr" width="40" /></a>


Botón Enlace a Linkedin.
Sustituir las equis por la url de tu perfil en Linkedin.

<a href="XXX" target="_blank"><img alt="Sígueme en Likedin" height="40" src="http://2.bp.blogspot.com/-pAL6ZbCO2js/UiX1Yn-MYdI/AAAAAAAAB7g/o2r-7swzeLc/s1600/linkedin_logo_ok.png" title="Sígueme en Likedin" width="40" /></a>


Botón Enlace a Wordpress
Sustituir las equis por la url de tu blog en Worpress.

<a href="XXX" target="_blank"><img alt="sígueme en Wordpress" height="40" src="http://3.bp.blogspot.com/-4xtJQdJnKOI/UieG8bn0gnI/AAAAAAAACE0/C65MinxMc8s/s1600/worpress.png" title="sígueme en Wordpress" width="40" /></a>



Una vez que hayáis modificado cada código para que enlace al perfil social que deseéis, solo tenéis que copiarlos y pegarlos en "Diseño"; "Añadir un Gadget"; "Aceptar" y los podéis mover a donde mas os guste de vuestro blog de Blogger.

No hace falta ponerlos todos, podéis poner los que mas os interesen o tengáis y listo.

Yo lo suelo poner al principio a la derecha para darle mas visibilidad, pero eso al gusto de cada uno.

Lo botones quedarían tal cual como en la foto al inicio del post.

Si tenéis cualquier duda solo tenéis que dejarmelo en comentarios.
Besitos
Zoraida.




Comentarios

  1. Muchas gracias, ayer puse en mi blog alguno, pero me gusta las que nos enseñas.
    Un saludo.

    ResponderEliminar
  2. Muy útil. A mi los que me interesan son los de compartir en cada entrada de blog, probé hace tiempo algo parecido pero no funcionaba, así que ahora uso unos de Javascript, que son muy pesados. ¿Cómo podrían adaptarse estos a lo que te he dicho?

    Gracias y un saludo. :)

    ResponderEliminar
    Respuestas
    1. No se si te he entendido bien. Quieres compartir cada post nuevo a cada red social tuya, ¿No? ¿Por que no usas los botones que aparecen al final de cada post? Ahí tienes todas la redes sociales que existen y puedes compartir directamente cada post sin tener que entrar en ellas.

      Eliminar
  3. Esto me hubiera venido genial hace un año, cuando empezaba, que estaba loca buscando cosas así.
    Besos!

    ResponderEliminar
  4. ohh muchas gracias !!! la verdad que yo no sabía ponerlos y así nos ahorras un trabajo.. jejjeje un besote!!!

    ResponderEliminar
  5. Es superutil, sobretodo para los que no sepan como ponerlos, el html puede complicarnos bastante la vida! Yo tarde mas en encontrar unos iconos que me gustaran...por suerte hice varios cursos de programación web y me van salvando bastante ;)

    Besitos!

    ResponderEliminar
  6. No uso blogger pero igual que tú me encanta compartir todo lo que aplicó en mis webs y marketing , Good job!

    ResponderEliminar
  7. ¡Muy útil! yo terminé diseñando los míos y me gustaron mucho :) ¡Besos!

    ResponderEliminar
  8. Genial, gracias por la información, es muy útil. Viene fenomenal, creo yo puse twitter y face, aunque no recuerdo como lo hice, igual me animo y pongo el resto.

    ResponderEliminar
  9. Hola.
    Esta es mi asignatura pendiente del blog. Me faltan la mitad por desconocer como se hace. Luego vengo a fijarme bien y colocarlo en mi blog. Gracias por esta información tan útil. Besos.

    ResponderEliminar
  10. Hola guapa,e ste post va a venir muy bien a mucha gente, a mi me costó lo mio acertar a ponerlos..

    ResponderEliminar
  11. Son muy útiles, encima bien indicado y explicado. Los botones son una gran ayuda para seguir blogs.

    ResponderEliminar
  12. Muy bien tu torcal, sobre todos para las que comienzan esta aventura, es necesario tener esta información ;)

    ResponderEliminar
  13. Gracias por compartir con todas estas cosas porque a veces lidiar con todo se complica mucho.

    ResponderEliminar
  14. Guapa, manejar código es complicado, pero cuando es tan bien explicado todo se ve genial y súper sencillo, lo que le da definitivamente más confianza a uno :)

    ResponderEliminar
  15. Yo por problemas en mi página he tenido que crear una nueva y no soy capaz de poner algunos de mis redes sociales en el WordPress funciona de la misma manera la inserción del botones para redes sociales?

    ResponderEliminar
    Respuestas
    1. No lo he probado con Wordpress pero en principio debería funcionar. En esta vida todo es probar. Lo pones y si no sale... con quitarlo, listo. Yo solo lo he probado en Blogger y en Webnode y me funciona con los dos, con lo que imagino que en Wordpress también funcione.

      Eliminar
  16. Hola guapa, muy buen tutorial y además muy necesario, a veces no sabemos como y con lo necesario que es... gracias por compartir, un abrazo!

    ResponderEliminar
  17. Qué chévere se ve y tan sencillo de poner, aunque yo la verdad necesito ayuda en esa área, no creo que pudiera hacerlo sola, por más bien explicado que esté :)

    ResponderEliminar
  18. Los botones de las redes sociales son muy importantes, yo la verdad dejo que mi hermana se encargue de eso, pero creo que la información nunca está de más y menos cuando está tan bien explicado todo. Gracias :)

    ResponderEliminar
  19. que bien,de momento no tengo otras redes sociales pero me los haré pronto

    ResponderEliminar
  20. Muchísimas gracias Zoraida,ni te puedes imaginas la de webs que visité, html que copié, programas que descargué hasta al final dar con tu blog y poder conseguirlo, horas y horas de aquí para allá. ¡Mil Gracias!

    ResponderEliminar

Publicar un comentario

Gracias por comentar.
El comentario será visible tras su moderación.

Entradas populares de este blog

Como crear pestañas en blogger

Como redireccionar en Blogger