Todo se puede aprender
...si se quiere.
Home » , , » Gadget Twitter - Tweets Recientes

Gadget Twitter - Tweets Recientes

28 de abril de 2014 | 2:26

gadget de tweeter

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(http://1.bp.blogspot.com/-1mUtZ6FuHKc/U13bTjdF1ZI/AAAAAAAAAwo/4-BpFpC39w0/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.
Compartir