Pour ceux qui désirent afficher leur fil twitter sur leur site ou blog, voici un petit plugin Twitter pour JQuery trouvé sur le site de son auteur.
C’est une alternative à mon avis plus intéressante à la customisation du badge twitter sur laquelle est d’ailleurs basé ce plugin.

Très simple d’utilisation, commencez par “installer” la bibliothèque javascript JQuery, si ce n’est déjà fait.
Pour ceux qui n’ont jamais utilisé JQuery, voici la ligne à ajouter entre les balises <head> et </head> :

<script type=“text/javascript”
src=“http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js”></script>

Maintenant le plugin twitter JQuery. Téléchargez les sources du plugin, uploadez-les vers votre serveur, dans le même dossier que le fichier source de la page qui contiendra le flux twitter

Sur votre site, dans votre source, ajoutez les deux lignes suivantes toujours entre les balises <head> et </head> :

<link rel="stylesheet" href="jquery.twitter.css" type="text/css" />
<script src="jquery.twitter.js" type="text/javascript"></script>

Ensuite créer dans votre page, à l’endroit où vous désirez voir apparaître votre flux twitter, un élément :

<div id="twitter"></div>

Et enfin pour “lier” cet élément DIV avec votre flux, placez le code suivant toujours entre les balises d’ouverture et de fermeture <head> ( après évidemment les lignes ajoutées auparavant ), en pensant à bien entrer votre propre username à la place du texte laissé en gras ci-dessous :

<script type=“text/javascript”>
		<!–//–><![CDATA[//><!--
			$(document).ready(function() {
				$("#twitter").getTwitter({
					userName: "votre username",
					numTweets: 5,
					loaderText: "Loading tweets...",
					slideIn: true,
					showHeading: true,
					headingText: "Latest Tweets",
					showProfileLink: true
				});
			});
		//--><!]]>
		</script>

Voilà, c’est fini , ce n’est pas plus compliqué que ça ! A vous de “bidouiller” allègrement les CSS pour harmoniser le tout avec votre charte graphique.

Reblog this post [with Zemanta]

Autres articles intéressants :

Articles les plus actifs :