Añadir botón Twitter Seguir-Follow a mi web o blog

julio 6, 2015

Tener un botón de twitter o follow en muchos sitios web o blog wordpress, joomla, etc. es muy común,  claro que existen muchos muy buenos plugin que hacen este trabajo e integran varios botones sociales a la vez, como twitter, facebook, google+, etc. pero si realmente solo necesitamos de las básicas, como por ejemplo el botón de twitter para que nos puedan seguir. la manera de integrarlos a nuestra web es muy simple solo basta unas cuantas lineas de código para poder lograrlo, por ejemplo en la siguiente imagen muestro los botones disponibles para que te puedan seguir, dándole follow desde tu pagina web, puedes elegir botones grandes y medianos con o sin mostrar los seguidores que tienes, ya de penderá de ti cual se ajuste a tus necesidades.
Twitter_Follow_Buttonen la documentación de twitter ademas podrás encontrar como hacer botones de Tweet de tus páginas de tu sitio web, para que los que visten tu web puedan compartir tu contenido.

A continuación se muestra el código que puede utilizar para mostrar varios botones «seguir». Obviamente que e querrá reemplazar antocascom por su propio nombre de usuario de Twitter.

Botón grande, con cantidad de seguidores

<a href="https://twitter.com/antocascom" class="twitter-follow-button" data-show-count="true" data-size="large">Follow @AntocasCom</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Botón grande, sin cantidad de seguidores

<a href="https://twitter.com/antocascom" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @AntocasCom</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Botón mediano, con cantidad de seguidores


<a href="https://twitter.com/antocascom" class="twitter-follow-button" data-show-count="true" data-size="medium">Follow @AntocasCom</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Botón mediano, sin cantidad de seguidores

<a href="https://twitter.com/antocascom" class="twitter-follow-button" data-show-count="false" data-size="medium">Follow @AntocasCom</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Relacionados