This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- TWITTER --> | |
<div id="twitter_div"> | |
<ul id="twitter_update_list"> | |
<li>loading...</li> | |
</ul> | |
<p><a href="http://twitter.com/{{twitter_user}}" title="Follow me on Twitter" target="Twitter">Follow me on Twitter</a></p> | |
</div> | |
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> | |
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/{{twitter_user}}.json?callback=twitterCallback2&count={{num_tweets}}"></script> | |
<!-- END TWITTER --> |
Este es un ejemplo que he probado en una página en Django que estoy haciendo. Hay un par de parámetros que están puestos como variables de los templates de Django que habría que cambiar para que funcionase correctamente:
- {{ twitter_user }}: nombre de usuario de twitter del cual se quieren visualizar los tweets
- {{ num_tweets }}:número de tweets que se muestran.
Además, Twitter nos proporciona una página donde podemos crear widgets para nuestra web. Por ejemplo, para este blog, yo me he decantado por este método.
http://twitter.com/about/resources/widgets/
Este es el código que se ha generado para mostrar mis tweets en este blog.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<script src="http://widgets.twimg.com/j/2/widget.js"></script> | |
<script> | |
new TWTR.Widget({ | |
version: 2, | |
type: 'profile', | |
rpp: 4, | |
interval: 6000, | |
width: 100, | |
height: 300, | |
theme: { | |
shell: { | |
background: '#e0e0e0', | |
color: '#050505' | |
}, | |
tweets: { | |
background: '#ffffff', | |
color: '#707070', | |
links: '#000000' | |
} | |
}, | |
features: { | |
scrollbar: false, | |
loop: false, | |
live: false, | |
hashtags: true, | |
timestamp: true, | |
avatars: false, | |
behavior: 'all' | |
} | |
}).render().setUser('pablito80').start(); | |
</script> |
Y este el resultado: