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í.