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.


Twitter - Follow @twitter


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

6 comentarios:

  1. ¡Holaaaa!
    Gracias por el tutorial, aunque yo los tengo puestos de otra forma, nunca está de más aprender cosas nuevas^^
    Besos!!
    María |  Cazadores de Libros

    ResponderEliminar
  2. Holitasss..
    Jajajajaja si lo hubiera leído antes me hubiera ahorrado todo el dolor de cabeza que me causo poner ese plugins.. Jajajajaja
    Gracias por compartir con todos.
    Saludos

    ResponderEliminar
  3. Paso de puntillas ya lo tengo. De todos modos mil gracias por la ayuda un besote

    ResponderEliminar
  4. Yo ya lo tengo pero gracias por el tutorial!
    Un beso!
    Isa
    El Desván de las delicias

    ResponderEliminar

Gracias por pasarte por Dreaming Graphics y contratar nuestros servicios.
Mail de contacto: susanaescmag@gmail.com

©TODOS LOS DERECHOS RESERVADOS ♥ Dreaming Graphics | 14 de julio 2013