Como poner los botones sociales en tu blog
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Pq5Ye8ZPLNlJg5z55XdG2Ew0O8g1SuryFqsftRkRIcpWbfOfGuYmReY62Y2Bjpff_ivrWfrO4rFUPR8Cj6Poj7fRVcLTDmPWhu9Gys_Ak_dV0kHgDF9We0VvVOGIYuaMWzn6sRqwCiIg/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkwHqHNivCe7EMDYehvQVZERTnEIZX7J_rfzuEWqleaBnfXOesuaXGD4bYjsNKuhnvN1sVqMZuEpQggnIF0F09FcqHKtdYgUmSyDsPs8haexFrhoCtwejYiGdcxrSwtO9bWDZnRY9YF0MU/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivLW_4vsIZwinzK2XYeJbSHtyQfdhiPWoMpvyy7l4R4JndPVPAxRggQTxfhsqYPBSYivDfIbGXcJt90AXuRm7NLeZolrnN71tZxCLxTXbCG58OwciKuKjOy29ycVftXD6Odbc0tShQtHeX/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje8QPWAoGTe-dA98OtT82VTwXBHbFoLIr3HAbproi9b7P8ZRNmkwYXALE9gTmHQ1LwcsoeNvACX2LLsd7TPbur9rkDzd_Z6ZNYWVXS6E-nyRrG_pShNPwB_HmQqv7Nve5YBwExcjQSHLOv/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQxwq7Zi8jOR-Fhy7CsoBfe1NY-8nMxt3bjAvHOO0oRzTq9VLjBJmLjOMfR8Oj62vvTevkyoPYYHETpbztToWskkxgM4q0VPaf2a9b2qlGTVegP6EFmb7-9OkAwTawsYD3YvAnB-Tcaw_3/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdH9CjG6QP3MBmAkbe8Gj-r2x-b1zZEs-tIl50SqSJW6Fkpw3aBJTvZ1bvScIcmmsW29m-JGy_vzW8L_YFqDNcHCn5oEoMT3D0mNZHkP1pisyvXhK8-ETYyYsCm3KaQCL0OyPV7psmcA0D/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhywXgA6wjRLnjJ44cSoYDlIOpzEewvVUafmGef6WMe_wPNI0q_RZdLXdg_Admdtued3aEH7IE9QaRUk8T5w2fNT5y-VjhmtVVBD3cVMG0VQlY6rfngmd5aFcHuC-kP7s1vyWDMAwBkSmdt/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx8SdzbzVKwLXv9SncK73d19qA58PZV7VXQycEQCfwrkUnZzPWGK9PHRiBMKbIcQQRZJ5a7So60GG7HXauvQ5QTAkxNkWUattlQecUuizyDxnVUP9PG7GHZVKiVML27-i9VDoih4dNhz2_/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq-d6_9Mg1nhO3dPoV5Z9jmuc_5ZI3B9aUTtj2j6LbuX4n7LoEvkrE1D9t6cvjoN_iBpE2DWb_yupgQCq7-8FaQHBCXD5dEXyPEHvbeuZc5pYRmBkxaZztWTtUHcTQchFk3RK7nQVW1sij/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.
Muchas gracias, ayer puse en mi blog alguno, pero me gusta las que nos enseñas.
ResponderEliminarUn saludo.
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?
ResponderEliminarGracias y un saludo. :)
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.
EliminarGenial, unos post sencillos y muy útiles.
ResponderEliminarEsto me hubiera venido genial hace un año, cuando empezaba, que estaba loca buscando cosas así.
ResponderEliminarBesos!
ohh muchas gracias !!! la verdad que yo no sabía ponerlos y así nos ahorras un trabajo.. jejjeje un besote!!!
ResponderEliminarEs 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 ;)
ResponderEliminarBesitos!
No uso blogger pero igual que tú me encanta compartir todo lo que aplicó en mis webs y marketing , Good job!
ResponderEliminar¡Muy útil! yo terminé diseñando los míos y me gustaron mucho :) ¡Besos!
ResponderEliminarGenial, 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.
ResponderEliminarHola.
ResponderEliminarEsta 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.
Hola guapa,e ste post va a venir muy bien a mucha gente, a mi me costó lo mio acertar a ponerlos..
ResponderEliminarSon muy útiles, encima bien indicado y explicado. Los botones son una gran ayuda para seguir blogs.
ResponderEliminarMuy bien tu torcal, sobre todos para las que comienzan esta aventura, es necesario tener esta información ;)
ResponderEliminarGracias por compartir con todas estas cosas porque a veces lidiar con todo se complica mucho.
ResponderEliminarGuapa, 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 :)
ResponderEliminarYo 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?
ResponderEliminarNo 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.
EliminarHola 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!
ResponderEliminarQué 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é :)
ResponderEliminarLos 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 :)
ResponderEliminarque bien,de momento no tengo otras redes sociales pero me los haré pronto
ResponderEliminarGracias por el aporte!
ResponderEliminarGracias! Muy útil.
ResponderEliminarMuchí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!
ResponderEliminarGracias, muy útil y sencillo!
ResponderEliminarWow! Funciono a la perfección, muchas gracias!
ResponderEliminarMuchas gracias por este post!
ResponderEliminarmuy útil, efectivamente después de un buen rato buscando por fin di con tu explicación y en medio minuto... ¡lo logré!
ResponderEliminar¡Muchas gracias!
¡Muchas gracias! Me hacía falta algo como esto ^^.
ResponderEliminarMuchas gracias!! Sabes de qué manera se puede instalar el botón de compartir en Instagram debajo de un post? Muchas gracias.
ResponderEliminarGenial, puse los códigos y me resultó perfecto. Gracias!
ResponderEliminarMuchísimas gracias!!! Podrías por favor indicar también para Reddit? Gracias!!!
ResponderEliminarMuchas gracias ¡¡perfecto!!
ResponderEliminarSaludos
Hola! Yo consigo que salga el icono pero después no enlaza bien con la página de Facebook e Instagram. ¿Qué estoy haciendo mal? Copio el html igual y pongo mi dirección pero me sale este mensaje: aquí no hay nada.
ResponderEliminarMuchas gracias! Un favor por otro, coloco estas url debajo de cada artículo y entonces salen ahí también mis redes sociales! ;) Sólo debo idear una buena frase para el botón de suscripción.
ResponderEliminarSaludos, muchas gracias, probé los códigos y me funcionan de maravilla.
ResponderEliminarExcelente para poner en mi blog Gracias porque te explicación fue muy clara y sencilla y el trabajo me gusta mucho. 👍
ResponderEliminarHola,
ResponderEliminarAcabo de abrirme una cuenta en Instagram y el código me ha venido fenomenal para ponerlo en mi Blog. Sabrías decirme como puedo cambiar el logo por otro dentro de este código?
Gracias!!
Muchas gracias, han sido de mucha utilidad, estaba loca buscando botones así!
ResponderEliminarGracias tio , podrias añadir un boton de tiktok seria grande
ResponderEliminar