Como podes observar se trata de un gadget muy twittero donde mostramos las actualizaciones de los últimos tweet, de una forma diferente y personalizada.
Para colocarlo en nuestros blogs, seguir estos pasos:
Paso 1: Entrar en Diseño.
Paso 2: Añadir gadget-Html/javascript y pegar el código en el interior.
<div id="twit">
<div id="twitter_div">
<h2 style="display:none;" class="sidebar-title">Twitter Updates</h2>
<ul id="twitter_update_list"></ul>
<a href="http://bibliadelprogramador.blogspot.com.ar/" id="twitter-link" style="color: #333333; display: block; font-family: Arial; font-size: 8px; padding-top: 30px; text-align: center; text-decoration: none; width: 200px;" target="_blank">.</a></div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript">
</script>
<script src="http://twitter.com/statuses/user_timeline/NOMBRE-DE-TWITTER.json?callback=twitterCallback2&count=3" type="text/javascript">
</script></div>
<style type="text/css">
#twit{background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjIZR-vLZbo3_Yr9kMbipX3EiFh_doE_7p-KutkDnEIH4_9X-PmAIeJ_kz5Abtxg8Iz0hhYYlWpxkPYSriuOb1dYzwD53ReBxPOcoiI4qfiJYPEvz12ZPPZMvK_kTwd9MqzSHAYXQ-h8k/s1600/tweet.png) no-repeat;width:200px; height:278px;}
#twitter_div{width:50px; height:145px;padding:15px;}
#twitter_update_list{width:150px; height:90px; margin:2px 5px 0 5px; padding:2px 10px 10px 5px; overflow: auto;text-align:left;font-size:11px;}
</style>
Paso 3: Incluir el nombre de usuario de Twitter, donde se indica (rojo)NOMBRE-DE-TWITTER por el nuestro.
Por defecto muestra 3 Tweets pero se puede modificar y mostrar más tan solo cambiando el 3 que se muestra en rojo por la cantidad elegida.
