Skip to content

Votre dernier Tweet sur votre site en javascript

Votre balise HTML

Insérer le code ci-dessous qui recevra le dernier Tweet de votre compte. Dans l’exemple ci-dessous, il y a un indicateur de chargement.

[sourcecode language= »html »]

Chargement du dernier Tweet

[/sourcecode]

Ajouter le script

Vous pouvez télécharger le script twitter.js ou faire un lien directement vers le « repository » de Google Code comme dans l’exemple suivant.

Ajouter le code suivant dans la balise head de votre page.

[sourcecode language= »javascript »]


[/sourcecode]

Personnaliser

Si vous utilisez une feuille de style CSS, vous pouvez personnaliser la mise en forme de votre tweet. En effet chaque bloc de texte est contenu entre des balises span. Voici à quoi ressemble le rendu.

[sourcecode language= »css »]

  • Remy said:
    I just had a bizarre spaces moment – moving my cursor to the bottom of the screen switched space – annoying if it hadn’t just gone away.
    20 minutes ago
  • Remy said:
    Great quote – Michael J Fox: « my happiness grows in direct proportion to my acceptance, and in inverse proportion to my expectations. »
    7 days ago

[/sourcecode]

via Add Twitter to your blog (step-by-step)

2 Comments

  1. Comment fait-on pour enlever la puce devant le dernier tweet ?

  2. Vous pouvez contrôler via votre css cette puce, il vous suffit de faire une déclaration ou un #tweet ul, #tweet li {list-style:none;}

    vous avez un exemple de cette utilisation javascript sur http://www.oonox.com

Commentaires fermés.