Tutorial: Cómo poner el botón Seguir de Twitter en tu Blog

Si tienes un blog, debes conocer  que es muy importante estar también en las redes sociales para compartir los enlaces de las entradas que publicas en tu blog, y Twitter es una de las grandes sociales.
En esta entrada te diré como añadir el botón de seguir de Twitter. Hay que tener en cuenta que, al igual que la mayoría de redes sociales, Twitter ofrece un conjunto de "gadgets/widgets" para que podamos incluirlos en nuestro blog.

El que veremos en esta ocasión es el de que sigan nuestra cuenta, el que Twitter llama Follow Button. Mediante este botón, los usuarios podrán seguirte de forma sencilla desde tu blog.

Paso 1: Creáte una cuenta de Twitter

Si ya tienes abierta una cuenta en Twitter, recuerda que tendrás un nombre de usuario del tipo @usuario, memorízalo y ve al paso 2. 

Si no tienes cuenta en Twitter, accede a www.twitter.com y selecciona la opción "Regístrate en Twitter", el proceso de registro es muy intuitivo y en unos minutos tendrás tu nueva cuenta de Twitter creada.

Paso 2: Elige el botón que más te guste

Twitter ofrece la posibilidad de personalizar el botón follow, mediante parámetros data que podemos añadir directamente en el código. Si no quieres complicaciones, elige el más que te guste de los que te muestro a continuación, con sus códigos tres opciones

Botón seguir de Twitter estándar

<a href="https://twitter.com/fagrafics" class="twitter-follow-button" data-show-count="false" data-lang="es">Seguir a @fagrafics</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 seguir  de Twitter con contador

<a href="https://twitter.com/fagrafics" class="twitter-follow-button" data-show-count="true" data-lang="es">Seguir a @fagrafics</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 seguir de Twitter grande

<a href="https://twitter.com/fagrafics" class="twitter-follow-button" data-show-count="false" data-lang="es" data-size="large">Seguir a @fagrafics</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>

Paso 3: Coloca el botón seguir en tu blog

1. En Blogger, elegimos la opción Diseño y desde aquí elegimos la opción Añadir un gadget
2. Seleccionamos el gadget "HTML/Javascript"
3. En contenido copia el código que hayas elegido del "Paso 1" y luego sustituye el nombre de la cuenta de Twitter por la tuya
4. Guarda el gadget
5. Mueve el gadget que acabas de añadir en la posición que desees
6. Visualiza el blog