2017/11/17

Botones para Compartir el Blog en Redes Sociales

Como poner botones para compartir en redes sociales  nuestro blogger, ahora que las redes sociales cada vez están haciendo mas peso sobre los motores de búsqueda, es esencial hallar una forma de compartir, nuestro blog de blogger o una web, ademas de eso, regar nuestra url por las redes sociales ayuda a aumentar el trafico de visitas en nuestro sitio, una buena forma de lograrlo es insertar iconos o botones de estas redes sociales en el blog, para que los usuarios que interactúan en el, puedan compartir nuestro enlace, y así se difunda. No confundir, lo que mostrare en esta entrada es para compartir una URL especifica o la pagina principal, si lo que estas buscando es colocar botones para compartir las entradas o post visita esta entrada de botones para compartir las entradas de blogger, por otro lado si lo que quieres son iconos tipo sígueme en tu blog sigue esta entrada para colocar iconos para seguidores, no siendo mas, basta de parloteo y manos a la obra.


Botones para compartir en Redes Sociales

Tengo listos estos botones (como los de la imagen), para agregarlos a tu blog, solo debes seleccionarlos y pegarlos en un HTML/Javascript. Si usas dispositivo movil o no quieres copiar el código, usa el botón rápido que dice Añadir a Blogger, pero recuerda que debes cambiar lo que dice URL-BLOG por la URL de tu blog o pagina. Nota el botón de facebook no se vera hasta que le coloques la URL de tu blog.

Si usas wordpress: copia el código -> ve a Escritorio-> Apariencia-> Widgets -> elige el widget cuyo nombre es ‘Texto’-> y pega el código.




O también este diseño estilo botón pequeño con contador al lado del botón, como en el caso de arriba puedes agregarlo mas rápido o desde un dispositivo movil con el boton Añadir a Blogger, recuerda cambiar lo que esta en color rojo por la URL de tu Blog. Nota el botón de facebook no se vera hasta que le coloques la URL de tu blog.

 compartir en Redes Sociales



También les presento estos estilizados iconos sociales para compartir el blog en redes sociales como los de arriba, solo que en estos incluye pinterest y likedin, a diferencia de los anteriores, estos iconos no generan carga adicional, (es decir no cargan los scripts de los botones) son livianos y están optimizados al 100%, al dar click para compartir el blog se abre una pequeña ventana POP Up! y después de compartir en enlace se cierra, ademas de que se tornan circulares y con una leve sombra al pasar el cursor sobre ellos, muy buena opción para los que prefieren este tipo de estilo, puedes ver como funcionan a continuación, Recuerda cambiar donde dice URL-BLOG por la dirección de tu blog.

compartir en facebook compartir en google+ compartir en twitter compartir en pinterest compartir en likedin





Como no incluir por lo menos el mismo estilo de botones pero para los usuarios que prefieren algo un poco mas pequeño literalmente, por ello también tengo estos bonitos iconos sociales para compartir, tienen las mismas funciones que los anteriores, simplemente son un poco mas pequeños, aunque no son los mismos, son iconos diferentes a los otros ya que están hechos de este tamaño para una mejor optimizacion, puedes verlos en acción a continuación. Recuerda cambiar donde dice URL-BLOG por la dirección de tu blog.

compartir en facebook compartir en google+ compartir en twitter compartir en pinterest compartir en likedin






Pero eso no es todo para los bloggers que no les gusta el diseño cuadrado les tengo este impecable diseño de Inovablog, tipo iconos redondos con rotación al pasar el mause por ellos, una muy buena forma para cautivar a tus usuarios y motivarlos a compartir el blog, tiene la misma función que los anteriores solo que el estilo es diferente, están de impacto y recuerda cambiar lo que dice URL_BLOG por la dirección de la pagina que vas a ponerle.

compartir en facebook compartir en google+ compartir en twitter compartir en pinterest compartir en likedin



Botones, compartir el blog, compartir en redes sociales, compartir sitio en facebook, compartir blog en twitter, boton para compartir, publicar en redes sociales, compartir tu blog en redes sociales, agregar botones de redes sociales, enlace para compartir en facebook, compartir mi blog en redes

41 comentarios:

Andres Felipe Comento el 13 de septiembre de 2013, 11:01

muy bueno funciono de 10!

ADMINISTRADOR Comento el 17 de octubre de 2013, 17:19

Donde coloco el codigo en que parte del HTML estare agradecido

ADMINISTRADOR Comento el 17 de octubre de 2013, 17:24

espero tu respuesta

Loquendo Manzano Comento el 18 de octubre de 2013, 13:59

puedes colocarlo en un HTML/Javascript
si quieres de otra forma dímelo y revisare tu blog para ver donde lo calocas

Irene Buendía Espada Comento el 5 de noviembre de 2013, 08:34

Muchas gracias por tu ayuda! ha quedado genial ;-D

Loquendo Manzano Comento el 5 de noviembre de 2013, 13:38

me alegro irene saludos!

Jonathan LR Comento el 16 de noviembre de 2013, 11:08

Yo quiero colocarlo debajo de cada entrada ;)

Isabel Lopez Comento el 16 de noviembre de 2013, 16:11

He puesto el botón contador de facebook y se ve bien.pero creo que tiene un error,pues despues de pinchar en ME GUSTA sale la palabra confirmar,pinchas en esa palabra y se te abre un cuadro de diálogo donde sale para publicarlo en tu facebook,pero esto no ocurre.......me ayudas a corregirlo por favor...........o me puedes explicar algo mas

Loquendo Manzano Comento el 17 de noviembre de 2013, 10:17

si quieres que estos botones de redes sociales para compartir estén debajo de la entrada

ve a plantilla
editar HTML
oprime las teclas CTRL F (Mac ⌘F) para activar el buscador
y busca esta linea

<div class='post-footer'>

si encuentras 2 fíjate en la segunda y pega el código debajo de esa linea y guarda

Albert. K Comento el 7 de diciembre de 2013, 16:35

Buenas, pide "confirmar" seguramente porque la página no tiene demasiados likes. Es una nueva técnica que implementó Facebook. Sólo las páginas que poseen una cantidad considerable de "Likes", no les pide confirmar cuando le das click en "Me gusta".. Espero que haya servido de algo mi pequeña explicación y se entienda!!.. jeje.. Saludos :)

Lourdes Rodriguez Comento el 3 de enero de 2014, 14:01

Muchas gracias, me quedo genial.

Mi vida acuatica Comento el 17 de abril de 2014, 06:04

Pero no me queda alineado en el centro de la pantalla, ¿que le debo añadir?

Esneider Manzano Comento el 17 de abril de 2014, 20:28

debajo de #botones-para-compartir { pega esto
margin: 0 auto;

Doble Cara Comento el 24 de junio de 2014, 14:16

Oye amigo tengo una duda como los coloco en mi blog para que queden flotando en la barra izquierda, y al bajar las paginas este también se mueva?

saludos espero me puedas ayudar

Arturito capturado Comento el 1 de julio de 2014, 04:05

cómo agrego el botón de youtube?

Angel Chacin Comento el 6 de julio de 2014, 00:25

Gracias..! =)

Gabriela Rodriguez Comento el 9 de septiembre de 2015, 18:41

Muchas gracias!!

Carlos Carranza Comento el 7 de marzo de 2016, 20:20

gracias maestros web

Galería Mo-Mont Comento el 2 de abril de 2016, 07:10

Hay algunos tipos de botón en los que no aparece la posibilidad de incluir la URL de mi blog, particularmente en los cuadrados (ninguno de los dos tipos). Los circulares que giran son los que más me gustan y en estos si aparece "URL BLOG", pero sale error en linkedin. (También puede ser que no los vea). Gracias por adelantado

Loquendo Manzanoi Comento el 2 de abril de 2016, 11:23

por supuesto, hay algunos botones que son genericos, es decir, funcionan para la URL que este por defecto abierta en ese momento.

Galería Mo-Mont Comento el 10 de abril de 2016, 02:49

Perfecto, gracias. Otra pregunta si no te importa: tengo varias imágenes en la portada del blog y cuando doy a compartir cada botón coge la imagen que le da la gana y me gustaría que cogiesen la imagen que aparece en la entrada (mis entradas son de una sola imagen). Si me puedes ayudar te lo agradecería. Gracias

Galería Mo-Mont Comento el 10 de abril de 2016, 03:08

He visto que tienes publicada una entrada explicando lo que te pregunto, por lo que retiro lo dicho; no la uso porque no me gusta tocar mucho la plantilla salvo que sea estrictamente necesario. Pero sí te pregunto como puedo hacer para que los botones de compartir cojan una imagen concreta. Gracias de nuevo

juankarlos Comento el 24 de mayo de 2016, 14:00

hola amigo esta muy bien tu blog de los botones y me funciona pero ahora tuno tienes el de youtube y el de instagram es que generalmento los uso y ahi no estan en el codigo como edito los que hay paara que se de el de estos gracias por tu ayuda de antemano

La nueva rola Comento el 17 de junio de 2016, 16:04

Hola, tengo una duda, ¿Cómo haces para que cuando se va a compartir, la información que aparezca sea la de ese artículo y no otra cosa en el blog?

Neuro64. Comento el 7 de julio de 2016, 13:01

Hola, una pregunta, como podría colocar los botones de youtube e instagram tambien en el último estilo?

Maco lopez romero Comento el 9 de agosto de 2016, 10:55

Hola docotre chevre los iconso pero como podemos ponerle el de youtube envez de otros que pueda considerar innecesarios

JESÚS ALBERTO Comento el 9 de septiembre de 2016, 19:09

muchas gracias, me sirvieron muchisimo, pero el de pinterest circular no me da el link para compartir, solo da el cuadro blanco y se cierra

Adin Rodriguez Comento el 30 de octubre de 2016, 13:20

Este post ha sido uno de los más útiles que he enoontrado, muchas gracias por tu tiempo La verdad no se nada de diseño web con html, me he hido con códigos pero este esta BUENISIMO, me sirvió mucho. MUCHAS GRACIAS

Joffre C Comento el 16 de noviembre de 2016, 09:56

Excelente artículo, estoy tratando de implementar los botones de compartir en mi web, pero, no toma la imagen que deseo. Puedes ayudarme por favor www.ec.viajandox.com - mail: jchito_g3@yahoo.com

Mackennisada Comento el 2 de enero de 2017, 11:12

Gracias!!!

Unknown Comento el 20 de abril de 2017, 10:45

y si quiero poner un boton de instagram como le hago?

Loquendo Manzanoi Comento el 24 de abril de 2017, 21:08

Por el momento Instagram no ha sacado un sistema para compartir fotos, hay que esperar.

Unknown Comento el 25 de abril de 2017, 02:26

en la etiqueta

pollagrandeyjugosa Comento el 25 de abril de 2017, 02:26

en la etiqueta footer

Daniel Crespo Comento el 17 de mayo de 2017, 05:25

Muy buen post.
Hay alguna manera de poner una foto por defecto al compartir el contenido con facebook??
La foto me sale en blanco.

ana julia maleta marin Comento el 18 de julio de 2017, 08:06

Falta el de instagram. No se puede poner?

MiGuE Comento el 9 de agosto de 2017, 10:44

genial muy buen trabajo, GRACIAS, yo voy a usar el 3ero, si no es molestia seria me gustaría mostrar también la cantidad de compartidos, sera posible en ese estilo que escogí...

Shandi Comento el 22 de agosto de 2017, 13:43

Los botones están geniales y quedan fantásticos, pero... al pincharlos ¡no sucede nada! Puse la url de mi blog en los lugares que marcaste y todo ¿me faltará algo que no sé? Soy nueva en esto y no sé nada de html, pero me le animo a todo si me dices qué hacer. ¡Muchas gracias!

Shandi Comento el 22 de agosto de 2017, 14:13

Para que se entienda: probé los primeros y funcionan muy bien, pero necesito los de más abajo, los que tienen Pinterest e Instagram. Son esos los que no me funcionan.

Loquendo Manzanoi Comento el 22 de agosto de 2017, 20:25

Pero, ninguno de esto botones tiene instagram

Shandi Comento el 25 de agosto de 2017, 07:27

Ups... claro, era LinkedIn ¡qué burra! jajaja. Bueno, seguiré buscando el botón de Instagram entonces. ¡Gracias por responder!