Javascript - Afficher vos tweets sur votre site ou blog.

Afficher vos tweets sur votre site ou blog.

Afficher vos tweets sur votre site ou blog.

Par padigo, publié le 26/02/2010 à 19:42:53

Voici un petit code javacript, pour ceux qui désirent afficher leur fil twitter sur leur site ou blog.

Etape 1 : Commencez par "installer" la bibliothèque jQuery,
pour cela ajouter le code suivant 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>

Etape 2 : Téléchargez les plugins dans le module en dessous du tutoriel.

(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 ou blog, 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>

Etape 3 : 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>