Intégrer facilement la liste de vos derniers tweets.

9 Novembre 2012

Pas toujours évident de styliser la liste de vos derniers tweets pour l'intégrer au mieux dans votre thème ou toute autre page HTML. Je vous propose ci-dessous un petit fragment de code qui va contourner cet exercice sans passer par les outils proposés par Twitter.

Attention de ne pas changer les ID et les CLASS du code fourni !

Remplacez simplement "Photonautes" par votre nom Twitter...

Exemple : ma liste des derniers tweets

<div class="twitter">
    <h3><i class="icon-retweet"></i> Derniers Tweets</h3>
		<div id="twitter_update_list">
		</div>
	<script type="text/javascript" src="http://www.photonautes-associes.fr/ob/assets/list_tweet.js"></script>
	<script type="text/javascript" src="http://api.twitter.com/1/statuses/user_timeline/Photonautes.json?callback=twitterCallback2&amp;count=10"></script>
	<p class="follow">
		<a href="http://twitter.com/Photonautes">
			Suivre @Photonautes!
		</a>
	</p>
</div>

Exemple Concret ci-dessous utilisant le code ci-dessus

Derniers Tweets

Suivre @Photonautes!