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.


De: http://www.gadgetsblogger.com