Botones para compartir articulos en redes sociales



Con el desarrollo de las redes sociales, cada vez es más interesante facilitar a los usuarios de tu blog la inclusión de tus artículos en las redes que utilicen.

De esta forma, además de proporcionar un servicio interesante para tus usuarios, conseguirás aumentar la distribución de tus artículos gracias a la propia publicidad que tus usuarios realizarán de ellos.

Sin embargo, la gran cantidad de redes sociales existentes hace que preparar tu página de forma individual para cada una de estas redes sea algo largo y tedioso. Por suerte, ya existen algunos sistemas que nos facilitan esta tarea.

De entre todos estos sistemas, para este artículo hemos elegido AddThis por ser un sistema muy fácil de instalar, multiidioma (cada usuario lo verá en su propia lengua), con más de 250 formas de compartir incluidas (Facebook, Twiter, MySpace, etc., incluidas) y con la posibilidad de tener estadísticas de su utilización.



Si quereis ver un ejemplo de como funciona este sistema basta con que mireis en la parte superior derecha de este blog, justo debajo del Agregar a favoritos donde pone ( si te gusta compartelo) si, es el que he elegido para incluir en mi blog.

Los codigos de estos Botones para compartir articulos de tu Blog en redes sociales son :





Copia este codigo de abajo para poner este Boton :



<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4dcde13f58c50d2b"></script>
<!-- AddThis Button END -->





Copia este codigo de abajo para poner este Boton :



<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4dcddcb73e3ba0d2"></script>
<!-- AddThis Button END -->





Copia este codigo de abajo para poner este Boton :



<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4dcde18b394a19ad"></script>
<!-- AddThis Button END -->


Para agregar uno de estos botones en tu Blog, únicamente tenemos que ir a la zona de Diseño de nuestro blog y seleccionar la opción de "Añadir Gadget".

En el siguiente listado seleccionamos la opción de "HTML/Javascript" e introducimos el código de arriba. Después guardamos los cambios en el diseño y ya tenemos nuestro botón incluido en nuestra barra de gadgets.

Espero que te sea util estos Botones de AddThis para compartir articulos de tu Blog en redes sociales y sigue visitando GadgetsBlogger.com que vas a encontrar siempre los Gadgets y Widgets mas utiles para tu Blog!
.

Compartelo!:

50 comentarios:

  1. GRACIAS POR AYUDARNOS A ENTREGAR NUESTROS CONOCIMIENTOS Y PODER COMPARTIRLOS.
    MUCHOS,TENEMOS EL DESEO DE MEJORAR DIA A DIA, PERO NO POSEEMOS LOS MEDIOS ECONOMICOS PARA COMPRAR O PAGAR LAS ACTUALIZACIONES DEL MUNDO TECNOLOGICO.
    COMPARTIR EL CONOCIMIENTO SIEMPRE SERA RECOMPENSADO CON UNA SONRISA COMO MINIMO.
    AYUDAR A LOS DEMAS ES UN DON DIVINO.
    QUE DIOS LOS BENDIGA Y PROTEJA SIEMPRE

    ResponderEliminar
  2. Hola Jubilados de Cantv,muchas gracia por tu Comentario es muy poderoso.Un saludo

    ResponderEliminar
  3. Hola
    yo quisiera colocar este boton, pero en cada entrada, cómo lo hago?
    Muchas gracias

    ResponderEliminar
  4. Hola Mónica,para poner uno de estos botones en una entrada es muy simple solo ,copias el codigo pincha en Edicion de Html y al final de la entrada pega el codigo ,espero ue te ayude esta respuesta .Un saludo

    ResponderEliminar
  5. Muchisimas gracias! Es fantástica esta información para una novata como yo!

    ResponderEliminar
  6. Anónimo03:22

    hola, quisiera saber como se pone este botón pero multidioma, es decir que yo elija los textos que parecen en función del varios idiomas. Es posible???

    ResponderEliminar
  7. muchas gracias
    por fin me resultaron los gdgets

    ResponderEliminar
  8. Te agradesco el esfuerzo y tu didicacion a compartir estos conocimientos ,,gracias

    ResponderEliminar
  9. Hola, estoy creando una página con iWeb, y quiero poner los botones para que la gente la pueda compartir en las redes sociales, pero al añadir el código en un cuadro HTML no sale nada.

    Por que?

    Gracias.

    ResponderEliminar
  10. Muchas gracias por todo! Me están siendo útiles muchas cositas que tienes.

    ResponderEliminar
  11. Anónimo12:01

    gracias la verdad que muy bueno me sirvio un monton

    ResponderEliminar
  12. Esta muy bueno, pero teng una duda. En el icono de Twitter y Facebook cuando le doy click me larga a mi misma pagina. Como hago para enlazarla a facebook o tiwitter?

    ResponderEliminar
  13. Gracias por tan valiosa información!

    ResponderEliminar
  14. Muy útil y fácil de instalar, lo que le falta a AddThis es el botón de Bitacoras, espero que pronto lo vayan añadiendo

    ResponderEliminar
  15. Esta muy buena la web, nos ayudan a seguir mejorando cada dia mas nuestros blogs. ;)

    ResponderEliminar
  16. Anónimo17:10

    falta google+ no?

    ResponderEliminar
  17. Gracias!lo había intentado un montón de veces con lo que me explicaban en otros blogs y no me funcionaban los códigos...ahora ya puedo ponerlo ;) muchas gracias

    ResponderEliminar
  18. Excelente, me anda perfecto!

    ResponderEliminar
  19. buenas Monica se puede centrar los botones? no lo puedo centrar con (center) ?¿? Gracias estan muy buenos

    ResponderEliminar
  20. @ Hola Cesar

    - Has intentado centarlo con (center)??
    - Yo en las mayorias de los codigos cuando lo quiero centrar utilizo (center).

    ResponderEliminar
  21. Excelente, muchas gracias!!

    ResponderEliminar
  22. Hola

    A mi me lo pone, pero duplicado....¿sabes porque puede ser? Gracias

    ResponderEliminar
  23. @ Hola Jorge de Andres sinifica que has puesto el codigo de dos veces, intenta borrarlo y instalarlo otra ves, espero que te sale a l final .Uns aludo

    ResponderEliminar
  24. lo tenia instalado. me desaparecio, y ahora cada vez que lo instalo me aparece doble. eS DECIR, DEBE ESTAR AHI PERO TAPADO POR ALGO Y NO SE QUE PUEDE SER.... Alguna idea?

    ResponderEliminar
  25. hola kiero ponerle el chat ami blog ..... como hago

    ResponderEliminar
  26. BONITA WEB LA MIA ES DJRICHARD99.BLOGSPOT.COM Y ME SIRVEN MICHAS COSAS UE PONES EN LA WEB GRACIAS

    ResponderEliminar
  27. Funciona ok. Gracias de verdad. Esto facilita las cosas.

    ResponderEliminar
  28. Yo lo he instalado, pero cuando hago la prueba de intentar compartir una entrada en cualquier red social, me dice que el enlace no es válido. ¿Qué ha pasado?

    ResponderEliminar
  29. MUCHAS GRACIAS!!! me estaba volviendo loca con los codigos, así fue re encillo! =)

    saludos!^^

    ResponderEliminar
  30. gracias, muy buena informaciòn y apoyo

    ResponderEliminar
  31. tenia rato buscando esto x fin lo consegui..super gracias por tu colaboracion!!

    ResponderEliminar
  32. ¡¡¡Gracias, gracias y mil gracias!!. Mi blog no sería lo que es, sin tí. Un besote.

    ResponderEliminar
  33. Buenas. Quiero agregar un gadget de los de arriba para un blog de Blogger. Donde tendo que copiar el codigo, entrando en Diseño, y agregar un gadget, y despues en agregar uno propio? O donde tengo que copiarlo?
    No tengo mucho conociemiento Informatico, me lo puedes explicar paso a paso? Muchas Gracias.

    Gran Web porcierto, enhorabuena!!!!!!

    ResponderEliminar
  34. @ Hola Jonan, en esta pagina hay todos los pasos que tiene que seguir para agregar un gadget y ademas hay y un video.Un saludo y espero que te sea de utilidad

    ResponderEliminar
  35. Excelente!! Me sirvio de mucho, gracias!! :D
    VISITEN MI BLOG:
    http://contenidos-para-tu-movil.blogspot.com/

    ResponderEliminar
  36. Como hago para ponerlos en una web normal.

    ResponderEliminar
  37. Hola tengo un problema con lo botones y es que el tratar de ubicarlos exactamente done quiero se pierde su zona activa, como lo puedo solucionar?

    ResponderEliminar
  38. @ Hola Alejandra Villegas, si el espacio donde tu quieres añadir los botones es muy estrecha es verdad se cambia el estilo de los botones, lo que tiene que hacer es introducirlo en un sitio donde te permite que el tamaño no se cambia.Un saludo y me alegro que te sea de utilidad mi respuesta

    ResponderEliminar
  39. perdona,pero yo no se donde tengo que poner el codigo para que me salga debajo de cada entrada (post).
    Estoy buscando la pestaña de edición de Html,pero no se donde esta.
    Me podríais ayudar?,es que soy nuevo en esto,y lo voy creando muy poco a poco.
    Muchas gracias.

    ResponderEliminar
  40. @ Hola Csp Mobile Software, solo tiene que pegar el codigo en un gadget html,aqui hay un Tutorial donde te explica como hacerlo, y para ponrlo debajo de cada entrada , tiene entrar en diseño de tu blog de blogger ymover el gadget que has agregado en el centro donde te pone "Entradas del Blog" y aqui los deja abajo, y el gadget te aparece abajo de las entradas.Un sjudo y espero que te sea de utilidad

    ResponderEliminar
  41. Lo primero darte las gracias por responder tan rápidamente.
    El problema es que aunque mueva el gadget a entradas de blog,no se me queda debajo de cada entrada.
    Ose queda arriba del blog o abajo,pero debajo de cada entrada no,y no acabo de entender el por que.

    ResponderEliminar
  42. @ Hola de nuevo CSP, para que te aparece imediato debajo del post tiene que entrar en "Edición de HTML" de tu blog , pinchar en "Expandir plantillas de artilugios" presionar CTRL plus F para encontrar un codigo rapido y aqui buesca este codigo "<div class='post-footer-line post-footer-line-3'/>" , y ahora debajo de este codigo pega el codigo de los botones que quieras que te aparece en el blog.Un saludo y espero que lo consigue

    ResponderEliminar
  43. Muchísimas gracias,ya logre ponerlo con lo que me dijiste.Uf,como para averiguarlo yo solo.jeje.
    El problema que he encontrado es que cuando clico para compartir en Facebook,no aparece nada en mi pagina de facebook.
    Aunque te informo que en el tuyo de facebook tampoco me deja compartirlo.No se cual sera el problema.
    Por cierto:aunque no tiene nada que ver con el tema,pero es que tengo una aplicación en el móvil para poder gestionar mi blog,pero me pide que active la casilla de XML-RPC.
    Llevo todo el día mirando mi blog y no encuentro esa casilla,lo he mirado por todos lados y nada,que no la encuentro.
    Sabes donde esta esa casilla?,por que en WordPress es muy sencillo,pero en Blogger no se hacerlo.
    Muchas gracias por todos tus aportes y tu ayuda.
    Genial este blog.
    Un saludo.

    ResponderEliminar
  44. @ Lo sinto CSP,pero sobre esta aplicacion no conosco nada, y con la problema de compartir por facebook es una problema de facebook, pero seguro lo va reglar los de facebook en poco tiempo, me alegro que lo consegui.Un saludo

    ResponderEliminar
  45. Gracias. Me funcionó perfectamente

    ResponderEliminar
  46. ¡Gracias! esto me fue muy útil

    ResponderEliminar
  47. Gracias por el aporte, me ha servido para mejorar la presentación a mi blog, aclarando que algunas aplicaciones he utilizado por que otras las he averiguado indagando por google. Pero día a día aprendemos cosas productivas y hoy aprendí algo nuevo de este blog.

    ResponderEliminar
  48. Anónimo11:25

    Reconozco lo bueno, busqué por horas y usted en su web sólo con unas cuantas lineas de código dio con lo que buscaba, mil gracias!

    Saludos desde Venezuela.

    ResponderEliminar

- Antes de hacer una consulta (pregunta), por favor utiliza el Buscador.

- Por favor, cualquier otra pregunta que tengas, la puedes hacer en la entrada correspondiente.

- Haremos todo lo posible por responderte o acusarte recibo antes de 24 horas. A veces, podremos hacerlo, otras veces no será posible, y nos tomará un poco más… ten paciencia.

- Los comentarios que a mi criterio se escriban solo para dejar un enlace o un link seran eliminados.

- ¡Muchas gracias por comentar o por preguntar!