Tumblr : installer des commentaires Disqus

Un article gourmand à ne pas manquer : Tartinades : produits gourmands et sains

 

logo TumblrVoilà, vous avez enfin votre Tumblr (avec le thème génial que vous avez eu du mal à trouver), vous allez enfin pouvoir présenter vos plus belles photos, vos vidéos, vos musiques préférées, vos plus belles citations…
(rayez la mention inutile ou complétez) ! 😎

Mais, un problème, Tumblr n’a pas prévu les commentaires par défaut !
Pourtant, ce serait bien que vos amis puissent vous laisser leurs avis sur les superbes photos que vous avez prises (ou trouvées lors de vos « errances » sur le web).

Voici une solution à ce problème avec Disqus ! logo Disqus

Première étape : s’inscrire sur Disqus (si cela n’est pas déjà fait)
et choisissez un nom d’utilisateur (username).

Dans votre profil, vous pouvez faire toutes sortes de réglages pour connecter votre Disqus avec Twitter, Facebook, Yahoo, OpenID, Tumblr… : http://disqus.com/profile/connections/

Vous pouvez accéder à des guides pour vous aider à installer les commentaires Disqus sur votre site ou blog : http://disqus.com/comments/install/
que ce soit sous WordPress, Blogger, Tumblr, Type pad, Joomla, Drupal…
ou universel pour un site simple.

Donc pour votre Tumblr (puisque c’est le sujet de cet article), nous allons choisir la page
http://disqus.com/comments/tumblr/

Deuxième étape : installation sur Tumblr :

Deux options s’offrent à vous :
– le thème Tumblr prévoit d’ajouter un commentaire Disqus : solution simple,
– le thème ne prévoit pas cette option : il faudra modifier le code source de votre Tumblr.

Tout d’abord, se connecter à son compte Tumblr.
Ensuite, afficher la page d’accueil et cliquer sur le bouton customize your Tumblren haut, à droite.

  • Solution simple :

Choisissez le menu « Appearence » :

Si l’option « Disqus Shortname » est disponible, vous avez de la chance !
Il vous suffit d’entrer votre username Disqus dans la case
puis de cliquer sur le bouton « Save » (si vous prévoyer d’autres modifications)
ou le bouton « Save + Close » pour retourner à votre dashboard Tumblr.

  • Solution « pas de chance » :

le choix n’est pas disponible avec le thème que vous avez choisi, la manipulation est un peu plus compliquée…

Choisissez le menu « Theme » et cliquer sur le bouton « Use Custom HTML » : le code source apparaît.

Placer le code suivant entre <HEAD> et </HEAD> :

Copier le code ci-dessous et remplacez le texte USERNAME par votre username Disqus :

dans votre code source Tumblr, répérez la ligne {/block:Posts}
et coller le code copié juste après.

Ensuite copiez la partie ci-dessous et coller juste avant la ligne {/block:Posts}

Ceci affichera le nombre de commentaires déjà écrits pour chaque article.

N’oubliez pas de cliquer sur le bouton « Save » (si vous prévoyer d’autres modifications)
ou le bouton « Save + Close » (pour retourner à votre dashboard Tumblr).

Juste avant de retourner à votre dashboard, regardez dans la rubrique « Apparence » et remplir votre username Disqus en face de « Disqus Shortname ».

Voilà, vous pouvez vérifier : vos posts Tumblr contiennent maintenant un commentaire à la fin.

——————————————————————————————————————————-

Vous pouvez également profiter de cet accès au code source pour ajouter d’autres choses à votre page, si cela n’a pas été prévu par le thème que vous avez choisi :
– des liens vers Twitter, Facebook, votre blog…
– des bannières de publicités (j’ai choisi, pour ma part, d’afficher de la publicité Geewizz),
– d’autres personnalisations de votre choix…

Pour afficher ma bannière de publicité, juste après la description du Tumblr,
j’ai collé le code fourni et je l’ai placé après la ligne
   <div class="description"><p>{Description}</p></div>

et la publicité apparaît à la place désirée.

N’hésitez pas à visiter mes Tumblr avec leurs commentaires Disqus pour voir comment cela se présente :
http://franky37110.tumblr.com/
http://photodebiere.tumblr.com/
Il est parfois nécessaire de cliquer sur « comments » pour faire apparaître la boîte de dialogue Disqus.


 

Articles qui pourraient vous intéresser :

 

iGraal : cashback jusqu'à 40% chez tous les marchands du net

 

Vous aimez cet article ? Partagez-le !

54 commentaires sur “Tumblr : installer des commentaires Disqus

  1. Ping : Les tweets qui mentionnent Tumblr : installer des commentaires Disqus | Un café, mon bloc note... -- Topsy.com

  2. Ping : Twitted by MarcKuhm

  3. Hello Im John ,Ive been a tea addict, adore the smell & the flavor of tea as the very first thing after getting up. I Guzzle minimum seven cups every single day.
    Well nice blog, Hope you have a awesome day.

  4. To be sure completely together with your conclusions and believe that you’ve made some excellent points. Also, I favor design of one’s site plus the ease of navigation. I’ve bookmarked your website and will return often!

  5. Admiring the commitment you put into your blog and detailed information you present. It’s good to come across a blog every once in a while that isn’t the same unwanted rehashed material. Wonderful read! I’ve bookmarked your site and I’m adding your RSS feeds to my Google account.

  6. Great article! I just saw these at Target the other day and was impressed. Your review answered the questions I had about the seats – now I just need to scrape together the cash! Ouch!

  7. I know this is really boring and you are skipping to the next comment, but I just wanted to throw you a big thanks – you cleared up some things for me!

  8. Wow!, this was a real quality post. In theory I’d like to write like this too – taking time and real effort to make a good article… but what can I say… I keep putting it off and never seem to get something done

  9. Very fascinating posts in your site. Already bookmarked for future references, in the event you do not mind, I would additionally like to this site to deliver you extra traffic. Sustain the good work.

  10. Thanks for sharing your standpoint, I’ll move this among my associates who might be interested on this topic, you have got your self some common readers, and I am one in every of them.

  11. Good Morning, I used to be on the lookout for some ideas for the lay out of my new website online and found your website through Google. I’m actually amazed by the detail data given on your web site, I will probably be bookmarking it for future references, I also wish to say excellent work accomplished with the good design of your website.

  12. Pretty cool article, I will put some hyperlinks on my web sites to redirect them right here, for those who don’t mind. Keep it up, and I will examine back soon.

  13. It is good to return across a weblog every once in a while that is not the identical boring material. I’ve bookmarked your site and I’m including your RSS feeds to my Google account.

  14. Two thumb up for this article! I just handed this onto a fellow worker who was doing a little research on that If potential, as you acquire experience, would you mind updating your weblog with extra info?

  15. Admiring the commitment you put into your blog and detailed information you present. It’s good to come across a blog every once in a while that isn’t the same unwanted rehashed material. Wonderful read! I’ve bookmarked your site and I’m adding your RSS feeds to my Google account.

  16. Hey there! Someone in my Facebook group shared this website with us so I came to look it over. I’m definitely enjoying the information. I’m bookmarking and will be tweeting this to my followers! Superb blog and superb design and style.

  17. Étrangement, il n’y a pas possibilité de commenter les images que je poste, alors que cela marche très bien sur les autres types de publications… Comment ça se fait ?

  18. Hello there, I just became aware of your blog through Google, and found that it’s very informative. I am going to watch out for your next post. I’ll appreciate if you continue this in the future. Lots of people will benifit from your excellent posts. Cheers!

  19. salut! merci pour le post, par contre ça marche pas sur ma page…
    ça affiche « 0 Comments » en haut à gauche de tout, mais ça ne se met pas à la fin de chaque article! vous ne sauriez pas à quoi c’est dû ?

  20. Bonjour j’ai essayer de suivre les étapes commes vous les expliquez sur mon tumblr , mais les commentaires n’apparaissent que pour les 6 ou 7 premieres articles et pas les autres je voudrais donc savoir s’il y aurait un moyen de pouvoir les mettre partout

    • Comme je répondais au commentaire précédent : selon les thèmes Tumblr, cela ne réagit pas toujours très bien…
      D’après mes tests sur ton blog, ça a l’air de fonctionner partout, mais dans les articles où il y a beaucoup de reblog, cela apparaît en dessous !
      Le format est un peu plus large que la largeur réservée pour chaque article et il faudrait bricoler dans le code mais cela est plus compliqué !

  21. Merci pour les infos! Comme je suis novice, je me pose la question suivante: est-ce que si j’installe disqus sur mon site tumblr dont le thème l’accepte, le captcha se met d’office, comme ici, ou est-ce une manipulation html supplémentaire ?

  22. Je ne comprends pas, chez moi, ça ne marche pas. Il y a bien écrit « comments », mais quand je clique dessus, rien n’apparait…

  23. Bonjour

    Merci beaucoup pour ces infos.

    Mon thème me permet de me relier très facilement à Disqus et le bloc de commentaire apparaît très bien sous chaque post.
    Cependant je souhaiterai rajouter cette fonctionnalité sur les pages html créées en plus (http://www.tumblr.com/docs/fr/pages). Savez-vous si cela est possible ? Parce que je ne vois pas très bien où rajouter la partie code vue que la page html est vierge et ne contient pas de balise {/block:Posts} ?

    Merci d’avance

  24. Bonjour,
    Je viens de créer mon Tumblr il y a quelques jours donc je suis encore un peu beaucoup novice cest pour ça que je viens vous demander votre aide, toujours en matière de commentaires biensûr … Pour ma part, j’aimerais activer les commentaires à côté des petits onglets rebloguer et tableau de bord, je voudrais que l’on puisse commenter l’ensemble de mes billets et non pas un par un, est-ce possible ? Merci de votre aide …

    • J’aurais bien aimé vous aider mais mes compétences sur Tumblr ne me permettent pas de répondre comment placer des commentaires Disqus à cet endroit, désolé !

  25. Bonjour !

    Alors moi, je cherche désespérément quelqu’un qui pourrais m’aider à résoudre mon problème : j’ai fait exactement comme expliqué sur ce site (et d’autres) : j’ai créé un compte Disqus (moustachedefille), je suis allé chercher un p’tit thème sur mon Tumblr (easy reader 2 par cubicle 17) et j’ai la chance d’avoir le « Disqus Shortname », je mets donc le mien à côté : moustache-de-fille et là…

    Ben ça marche pas. Tout simplement. Mon site n’a pas les commentaires :

    Alors si quelqu’un pouvait m’aider à résoudre cet incompréhensible dilemme…

    Merci d’avance ! 🙂

  26. Merci pour ce post très bien expliqué, cependant je ne sais pas pourquoi, chez moi ça ne marche pas !
    J’ai bien fait tout ce qui est indiqué, le mot « Comments » apparaît sous mes billets mais impossible de commenter !
    J’ai refait la manip plusieurs fois mais ça ne change rien …

  27. Bonjour ,
    SVp j’aimerai savoir si on peut insérer un evènement « onClick » ou « Onsubmit » sur les commentaires disqus ,pour executer une fonction après avoir envoyer un commentaire ?

  28. Bonjour, j’ai fait comme dans le tutoriel, ajouté mon pseudo Diskus et enregistrer mais cela ne marche pas, est-ce que je dois éditer le html aussi? Merci!

    • Bonjour,
      je viens d’aller sur ton Tumblr et tout semble fonctionner dans un article !
      En revanche pour la page d’accueil, pou voir le nombre de commentaires sur chaque article, il faut peut-être aller dans le code HTML !

Laisser un commentaire