Comment installer un bouton de vote Hellocoton sur un blog wordpress.com ?

Ce billet risque de manquer cruellement de clarté car, quand il s’agit d’informatique,
ma méthode personnelle est la bidouille!
Vous avez peut-être remarqué que, sous mes articles,
à côté des boutons de partages
Twitter,Facebook, Google+ et Pinterest, trône un petit logo Hellocoton.

aperçu page

Quand tu cliques sur ce bouton,c’est comme si tu attribuais
un petit ♥ sur Hellocoton à l’article que tu viens de lire !
C’est comme ce bouton là:   action-on

mais avec un blog sous WordPress.com, on ne peut pas correctement l’installer,
alors, on doit copier-coller un code à la fin de chaque article et c’est très fastidieux.

Toi aussi tu veux ce joli petit rond blanc et rose avec sa fleur de coton au centre?
Toi aussi tu veux qu’on puisse, en restant sur la même page, aimer ton article sur WordPress,
aimer ton article sur Hellocoton et te laisser un commentaire?
Ma minute geek arrive!

♦ On file sur son tableau de bord WordPress.

tableau de bord

♦ On va dans « Réglages » puis dans « Partage ».

partage

♦ Nous allons ajouter un bouton de partage à la fin de chaque article.

boutons de partage

♦ Un petit clic sur « Ajouter un nouveau service » et cet écran va apparaître:

ajouter un nouveau service

♦ On complète tous les champs avec application…

Nom du service : Hellocoton

URL de Partage : http://www.hellocoton.fr/vote?url=%post_full_url%

URL de l’icône : http://www.hellocoton.fr/favicon.ico

Un clic sur «Créer un bouton de partage»… ET voilà !

♦ Ce petit bouton apparaît alors parmi les « services disponibles ».

boutonsIl suffit de le faire glisser dans les « services activés » et de choisir son apparence:

Version Texte uniquement

texte

Version Icône+Texte

texte icone

Version Icône seulement
icone

On enregistre les modifications et le tour est joué!

Terminé le copier-coller de codes incompréhensibles longs comme le bras !
Un petit clic sur la fleur = un petit cœur !
C’est-y pas le bonheur ?

29 commentaires

  1. bonjour, merci pour cette astuce. J’ai une question car je viens d’essayer sans réussir. Est-ce que cela ne fonctionne sur la version gratuite de worpress ? De mon côté, je ne trouve pas de bouton « créer un nouveau service ». Merci par avance.

  2. Je savais comment faire (moi aussi je bidouille, ça me plaît), mais ton billet m’a donné envie de remanier un peu mon blog et ses fonctionnalités tiens… A faire durant les vacances 🙂

  3. Hellocoton m’a orientée vers ton blog en guise de réponse à ma question sur le fameux bouton « d’origine » un lieu bof… Je suis ravie, merci pour cet article !

  4. Ah ben punaise, MERCI BEAUCOUP!!
    Clair Net et Précis, bravo pour ces explications concises, moi qui pensais que j’allais en baver pour ce fichu bouton et ben que nenni grâce à toi 😀
    Sur ce, je te souhaite une merveilleuse journée et un magnifique mois de juillet (et je file découvrir ton blog tant que j’y suis 🙂 )
    Captain Rawr.

  5. Hello,

    Merci beaucoup ! Ton article m’a beaucoup aidé 🙂
    Sais tu comment faire pour ajouter le badge (pour le mettre en barre latérale de mon blog) ? J’ai sue le faire pour instagram / google + / twitter mais je galère pour hellocoton :/

    MErci d’avance pour ton aide ❤

    1. Mais de rien! Je l’ai fait il y a un moment déjà et je ne sais plus comment faire… J’avais trouvé un tuto sur internet! Dans tes requettes google n’oublie pas de préciser « pour un blog wordpress.com » ou « avec wordpress.com » parce que tous les tutos sont pour worpress.org ce qui n’a aucun rapport 😉

      1. Yop ! Merci pour ta réactivité 😉

        J’ai enfin trouvé comment faire (au bout d’une heure j’en avais un peut marre mais j’y suis parvenue).

        Il faut aller dans les windget, ajouter un élément de texte, mettre un titre et copier l’url du badge dans la zone de texte. Au final c’est tout bête x’D.

        Grosses bises !

    1. Ravie que ce tuto soit utile 😉 En général on trouve des tutos pour des blogs sous wordpress.org pas wordpress.com! Comme j’ai eu beaucoup de mal à trouver des infos pour mon blog je me suis dit qu’un tuto pourrait aider d’autres blogueuses 🙂

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