Installer des commentaires facilement sur Tumblr

Comment installer facilement des commentaires sur Tumblr grâce à Disqus

Comment installer facilement des commentaires sur Tumblr grâce à Disqus

Tumblr est un excellent outil de blogging, surtout pour les amateurs de mo-blogging, mais il ne dispose pas de fonctionnalité de commentaire en natif. Alors pour pouvoir proposer des commentaires à vos lecteurs sur Tumblr il suffit d’y associer les services de Disqus.

Disqus propose un système de gestion des commentaires vraiment puissant et riche de fonctionnalités web 2.0 (intégration de twitter, Seesmic, facebook connect et j’en passe). Pour commencer, je vous conseille donc de créer un compte sur Disqus. Ensuite la méthode la plus simple pour coupler Disqus et Tumblr c’est de vérifier que votre thème gère les commentaires via Disqus:

  • Connectez vous sur Tumblr et dirigez vous vers la page tumblr.com/customize
  • Dans l’onglet « Appearence » cherchez la présence de la case « Disqus Shortname »
  • Placez y le shortname correspondant à votre blog

Option d'activation de Disqus dans Tumblr

Option d'activation de Disqus dans Tumblr

Si ce n’est pas votre cas il vous reste la possibilité d’incorporer à la main les commentaires Disqus dans votre thème Tumblr. Voici la marche à suivre:

  • Allez dans L’onglet « Theme »
  • Cliquez sur « Use Custom HTML »
  • Copiez/collez juste APRES {/block:Posts} le code suivant
    <script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{block:Permalink}<div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/DISQUS_SHORTNAME/embed.js"></script><noscript><a href="http://disqus.com/forums/DISQUS_SHORTNAME/?url=ref">View the discussion thread.</a></noscript><a href="http://disqus.com">blog comments powered by <span>Disqus</span></a>{/block:Permalink}<script type="text/javascript">
    //<![CDATA[
    (function() {
    var links = document.getElementsByTagName('a');
    var query = '?';
    for(var i = 0; i < links.length; i++) {
    if(links[i].href.indexOf('#disqus_thread') >= 0) {
    query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
    }
    }
    document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/DISQUS_SHORTNAME/get_num_replies.js' + query + '"></' + 'script>');
    })();
    //]]>
    </script>
  • Copiez/collez juste AVANT {/block:Posts} le code suivant
    <div style="font-size: 10px; text-align: left;"><a href="{Permalink}#disqus_thread">Comments</a></div>
  • N’oubliez pas de remplacer DISQUS_SHORTNAME par votre identifiant Disqus

Et voilà le tour est joué, vous pouvez profiter de commentaires sur vos billets sur Tumblr, c’est simple n’est ce pas ?


Tags:

4 Tweets

18 Commentaires

  1. dadavidov dit :

    Tiens c’est nouveau cette manière de faire ?!? Moi, quand j’ai installé Disqus, j’ai été obligé d’insérer le code HTML !
    Je ne me souviens pas qu’on pouvait le faire par le menu customize :(

    C’est sûr que là, ça a l’air plus simple !

  2. barbievuitton dit :

    fait et super facile!

  3. Erurse dit :

    emm. thank you for this thoughts ))

  4. Bonjour,

    J’ai un blog sur Tumblr, je suis inscrit sur Disqus, si je suis leur procédé d’installation, les commentaires apparaissent en bas de page, peu importe qu’il y ai 1 ou 9 articles… Et en suivant votre tutoriel j’ai bien la possibilité de laisser un commentaire par article en revanche toute ma mise en page est changer, et ma page organiser en 12 rectangles deviens une énumération de 12 rectangles à la queue leu-leu sous forme d’énumération… Auriez-vous une solution pour moi, sachant que mon thème ne permet pas de raccourcis commentaire via « appearance ».

    Merci d’avance.

  5. Fab dit :

    Je viens de l’installer. Merci pour l’info.
    Tumblr constitue un excellent compromis entre Twitter et le blog mais il manquait cette fonction commentaire. Désormais c’est chose faite.
    A bientôt !

  6. dadavidov dit :

    @Fab

    Pas d’accord, twitter et tumblr n’ont rien à voir !
    Twitter est un réseau social et Tumblr une plate-forme de blog utlra simplifiée… La comparaison peut se faire sur la publication des citations mais c’est tout ;)

    • Fab dit :

      @dadavidov
      Personnellement, je me sers aussi de Tumblr pour poster des liens ou donner une info en une phrase, comme sur Twitter. Mais bien sûr que Tumblr n’inclut pas de fonction réseau social. Pour moi, les 3, Twitter, mon blog et celui sur Tumblr sont complémentaires et répondent chacun a un objectif distinct.

  7. dadavidov dit :

    @freetux

    Tu sais, maintenant que je suis abonné à ce flux de commentaires, ça va être dur de me foutre dehors ;)

  8. Ardub57 dit :

    Bonsoir, j’ai suivis à la lettre votre tutoriel mais chez moi la partie commentaire apparait bien, mais impossible de cliker et de laisser un commentaire….avez vous une idée sur le problême ?

    Merci d’avance

    http://iboga.tumblr.com/

Laisser un commentaire





Additional comments powered by BackType