Como agregar un botón “Seguir” ó “Follow” de twitter en Blogger

El botón “Follow” es una manera fácil de dejar un acceso rápido a tus lectores de poder seguirte desde su red social favorita. Y para agregarla a tu blog, sigue los siguientes pasos.

Primero dirígete a Twitter e inicia sesión, después, en la página principal encontraras un recuadro al lado izquierdo, y clica en la opción “Recursos”, tal como lo muestro en la imagen.

Una vez dentro veras una imagen como la siguiente, y sigue los pasos.

1.       Clica en la opción “Botones”.

2.       Selecciona la opción “Seguir”.

3.       Personaliza el botón  a tu gusto y copia el código que aparece en el cuadro.

Recuerda que el código lo debes pegar en un gadget “HTML/JavaScript”, para que se visualice en tu blog (si necesitas ayuda sobre como agregar dicho gadget detallo los pasos en este  Post).

Como agregar un FanBox de twitter en Blogger (Solucionado)

Para los que no sabían que es un FanBox, es un gadget en el cual los visitantes de tu blog, pueden hacerse seguidores sin la necesidad de salir de tu blog, y además muestra los últimos 10 avatares de los visitantes que te han seguido.

Agregar dicho gadget es realmente sencillo, para ello ingresa al escritorio de Blogger, selecciona la opción “Diseño”, dentro de la ventana selecciona la opción: “Añadir un gadget”, y buscas el llamado: “HTML/Javascript”.

Ahora ingresa el siguiente código:

<div id="twitter-box"></div>

<script>

var tw_user = ' Agrega tu usuario';

var tw_width = 300; /* Ancho del gadget */

var tw_height = 260; /* Alto del gadget */

var no_face = 10; /* Número de seguidores que deseas mostrar */

var tw_color='light';

(function() {

var tw_box = document.createElement('script'); tw_box.type = 'text/javascript'; tw_box.async = true;

tw_box.src = 'http://areaticnet.p.ht/scripts/twitter.js';

(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(tw_box);

})();

</script>

Ya solo te falta cambiar donde dice “Agrega tu usuario”, por tu usuario de Twitter (No olvides quitar la @) y modificar el tamaño del gadget a tu gusto.

¡Y listo! Ya tienes tu FanBox añadido a tu Blogger.

--------------------------------------------------------------------------------------------------------------

Abajo encontrarás los códigos que funcionaban anteriormente, los dejo como históricos de este post, solamente con el fin de que los puedas conocer.

·         Plugin desarrollado por Mopz

<div class="textwidget">
<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox">
<script type="text/javascript">fanbox_init("Agrega tu usuario");</script></div>
</div>

<style>
.FB_SERVER_IFRAME {
width: 290px !important; /* Ancho del gadget */
height: 250px !important; /* Alto del gadget */
}
</style>

Ya solo te falta cambiar donde dice “Agrega tu usuario”, por tu usuario de Twitter (No olvides quitar la @) y modificar el tamaño del gadget a tu gusto.

¡Y listo! Ya tienes tu FanBox añadido a tu Blogger.

·         Plugin desarrollado por MatiasMX

<div id="fanbox">

<div id="twitter-box"></div>

<script>

  var tw_user = 'Nombre_de_ Usuario';

  var tw_width = 290;

  var tw_height = 250;

  var no_face = 10;

//  var tw_color='dark';

  (function() {

      var tw_box = document.createElement('script'); tw_box.type = 'text/javascript'; tw_box.async = true;

      tw_box.src = '//www.musicpaax.com/twitter/tw.js';

      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(tw_box);

  })();

</script>

</div>

Tomar en cuenta que se mostrará correctamente (con tu usuario) el gadget, después de darle permiso a la aplicación (clic aquí) desde Twitter.

NOTA: El día de hoy 22/07/13, ya no se muestra la fanbox, ya que “Matias30302000” explica en su página que el servidor está saturado, por lo que solamente se visualiza el Botón “seguir” de twitter, tal como adjunto en la imagen.

Por lo tanto en mi página he decido dejar solamente el Botón “seguir” de twitter, y si tu deseas agregarlo y necesitas instrucciones te dejo el link a este post donde detallo los pasos para agregarlo. Y estaré buscando en internet otra alternativa y en cuanto la encuentre la postearé aquí.