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
- En Blogger, elegimos la opción Diseño y desde aquí elegimos la opción Añadir un gadget
- Seleccionamos el gadget "HTML/Javascript"
- 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
- Guarda el gadget
- Mueve el gadget que acabas de añadir en la posición que desees
- Visualiza el blog
Hola a todos
