Pajaro de Twitter volando en el blog

Anteriormente vimos cómo integrar twitter en el blog, luego les mostré cómo poner unos botones flotantes en la parte inferior del blog, en los que también se incluía el botón de twitter, y por si eso no era suficiente, también les puse en otra entrada unos botones que muestran el número de seguidores que tenemos en nuestra cuenta de twitter… Ahora, para aquellos que son twitter-adictos, aquí les dejo un divertido gadget también de Twitter. Es el famoso pájaro oficial de twitter (el famoso Larry), que al ponerlo en el blog volará por toda nuestra página, y que además, al darle clic, sirve como enlace a nuestra cuenta de esa red social. Puedes ver el ejemplo en esta misma entrada. Para ponerlo en tu blog solo copia el siguiente código:

 

<script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script>
<script type="text/javascript">
var birdSprite='https://lh3.googleusercontent.com/-StM0Csn4ktc/TYNPdDXzNGI/AAAAAAAAAds/QPZ0-DbHgtc/s1600/birdsprite.png';
var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');
var twitterAccount = 'http://twitter.com/USUARIO';
var twitterThisText ='';
tripleflapInit();
</script>.

Entra en Diseño, Añadir gadget, Html Javascript y ubícalo donde quieras, cambias usuario por tu cuenta de Twitter y listo. Das en vista previa y si todo está ok das en guardar. Este script es cortesía de oloblogger.

Boton para mostrar seguidores de Twitter

Para quienes ya tienen integrado Twitter en el blog, pero también les gustaría tener un botón que muestre cuántos seguidores tenemos en esa red social, aquí les dejo estos tres botones para que lo pongan en el sidebar del blog. Se trata de tres modelos de botones que muestran el número de seguidores que tenemos en Twitter. Solo tienen que ir a twittercounter y poner nuestro usuario de twitter (sin el @) y en segundos nos proporcionan el código del botón que hayamos elegido previamente (sin necesidad de registrarse) Incluso el código del primer botón incluye una foto de tu perfil en Twitter.

Aquí tienes los tres modelos para que decidas el que más te guste:

 

<script type="text/javascript" src="http://twittercounter.com/embed/?username=thecounter&style=avatar"></script><noscript><a href="http://twittercounter.com/thecounter">TheCounter on Twitter Counter</a></noscript>

<script type="text/javascript" src="http://twittercounter.com/embed/?username=thecounter&style=bird"></script><noscript><a href="http://twittercounter.com/thecounter">TheCounter on Twitter Counter</a></noscript>

 

<!-- Start of Twitter Counter Code -->
<a href="http://twittercounter.com/TheCounter" target="_blank"><img src="http://twittercounter.com/counter/?username=TheCounter" alt="TheCounter on Twitter Counter" width="88" height="26" border="0"></a>
<!-- End of Twitter Counter Code -->

Cambia lo que está en color fucsia por el nombre de tu usuario (recuerda sin el @) y listo.

Para agregarlo solo tienes que ir a Diseño, Añadir gadget, html-javascript y pegar el código del botón como cualquier otro gadget, y listo. Chekas que todo esté "very good" en vista previa y luego das en guardar.