Comment ajouter le bouton twitter sur son blog WordPress.com

NOTE: pour voir les boutons, si par bonheur tu me follow déjà, il faudra d’abord te déconnecter de twitter ;)

WordPress.com intègre l’utilisation du bouton twitter à l’aide d’une syntaxe simplifiée. La syntaxe de base est

[twitter-follow screen_name='jcfrog']

Ce qui donne:

Bien sûr il faudra remplacer jcfrog par ton id twitter :)

Cela fonctionne aussi (et surtout) dans les widgets “text” ce qui permet des l’ajouter dans tes barres latérales.

Il existe quelques options d’affichage:

  • N’afficher que le bouton, pas l’id twitter: il suffit d’ajouter show_screen_name=’no’

[twitter-follow screen_name='jcfrog' show_screen_name='no']

Résultat:

  • Afficher le nombre de follower: il faut ajouter show_count=’yes’

[twitter-follow screen_name='jcfrog' show_count='yes']

Résultat:

  • Changer la couleur du texte ‘nombre de followers’ avec un code rgb hexa: ajouter text_color=’rrggbb

[twitter-follow screen_name='jcfrog' show_count='yes' text_color='008800']

Résultat:

  • Changer la couleur du lien ‘id twitter’ avec un code rgb hexa: ajouter link_color=’rrggbb

[twitter-follow screen_name='jcfrog' link_color='008800']

Résultat:

  • Enfin on peut préférer un bouton gris au lieu du bleu: ajouter button_color=’grey’

[twitter-follow screen_name='jcfrog' button_color='grey']

Résultat:

Evidemment tous ces paramétrages peuvent être combinés ensemble:

[twitter-follow screen_name='jcfrog' show_count='yes' button_color='grey' link_color='008800' text_color='008800']

Donne: 

source via 3 nouvelles manières d’attirer encores plus d’abonnés Twitter

, ,

  1. #1 par Orthographe le juin 5, 2011 - 11:26

    (peuvent être combinés) ;)
    (message supprimable…)

  2. #3 par Susokary le juin 5, 2011 - 11:26

    Plus simple, tu meurs.
    Merci beaucoup pour ce tutoriel, testé et approuvé en ce qui me concerne.
    Je cherche les mêmes infos pour insérer le bouton “J’aime” de Facebook, celui d’une fan page, sur un blog WordPress.com…
    Une idée ?

  3. #4 par Antisocial le juin 7, 2011 - 4:02

    Tiens, c’est rigolo, je viens de faire voir exactement l’inverse sur sebsauvage :D (ou comment supprimer avec adblock les boutons “sociaux” qui pullulent…)

    Pour ceux que ca intéresse (faut penser à tout le monde hein):
    http://sebsauvage.net/rhaa/index.php?2011/05/11/12/03/25-anti-social

  4. #5 par elodiemichel le juin 23, 2011 - 12:45

    Merci pour le tuyau ;)

  5. #6 par pleurer2rire le décembre 4, 2011 - 9:26

    merci pour l’info
    je vais tester ce code [twitter-follow screen_name='jcfrog' show_count='yes']

Répondre

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Twitter picture

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Connexion à %s

Suivre

Get every new post delivered to your Inbox.

Joignez-vous à 94 followers