Ajouter un bouton flattr sur posterous

Puisque je suis en train de le faire, autant vous l’expliquer. Voici donc ma solution pour ajouter un bouton flattr sur un blog posterous. Pour cela, vous devez déja avoir un compte flattr et un blog posterous.

Ajoutez votre blog comme « thing » flattr. Pour ça, je vous laisse découvrir sur le site de flattr comment faire (en tout fcas, la capture ci-dessous devrait pouvoir vous aider …).
Ss-2010-08-25_13
Une fois que c’est fait, vous disposerez d’une page comme celle-ci.

Sur la page de votre blog, il doit y avoir un lien intitulé « Button code« .

Ss-2010-08-25_13

Cliquez dessus.

Dans le panneau qui va s’afficher, vous trouverez deux types de boutons : un bouton dynamique (avec du Javascript, donc, et qui ne marchera pas sur posterous) et un bouton statique (Default static button code). Dans le cadre sous cet intitulé, il y a un paquet de code HTML. Copiez-collez le.
Ss-2010-08-25_13

Bien, maintenant que vous avez votre code flattr, vous pouvez aller sur votre site posterous. Donc vous vous connectez à posterous, vous cliquez sur settings, et ensuite sur « Edit Theme« 

Ss-2010-08-25_13

Là, vous allez devoir modifier le code HTML du thème de votre posterous. Il faudra donc être prudent ! Pour cela, vous devez d’abord cliquer sur le mode « Advanced » de l’édition de thème posterous.
Personnellement, je trouve le bouton bien placé dans le pied de page. J’ai donc modifié le pied de page de mon thème personnel. Hélas, selon le thème utilisé – et vos envies – vous pourrez avoir envie d’autre chose … Je vous laisse donc cette édition de code HTML en guise d’exercice.
Publicités

2 réflexions sur “Ajouter un bouton flattr sur posterous

  1. Je pense, oui, ?? priori rien n'a chang?? ni de la part de posterous ni de la part de flattr.<br>Cela dit, flattr ressemble de plus en plus ?? un service qui n'atteindra jamais la masse critique d'utilisateurs pour devenir authentiquement rentable.

Laisser un commentaire

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 )

Image Twitter

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

Photo Facebook

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

Photo Google+

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

Connexion à %s