Voilà, 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 !
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 en 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 :
blog comments powered by Disqus
{/block:IfDisqusShortname}
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 :
- Clocktweets : test de la nouvelle version beta
- Comment obtenir des Bitcoins gratuits ?
- Train : comment éviter de rester en rade
- Linux : distribution Emmabuntüs
- GymPact, motivation pour Runkeeper
- Fitbit : Fit Wiz, application Android
- TweetDeck : insérer un tweet dans un article
- Pokki, le magasin d’applications pour votre ordinateur
- Télécharger des vidéos à partir du web
- Winiti : Stop pub généreux
j’ai installer les commentaires comme vous l’avez dit, sauf qu’ils n’apparaissent pas en bas a gauche… comment ça se fait ?
Il semble que le problème de commentaire Disqus soit déjà résolu sur cock-a-doodle-do.tumblr.com ! 🙂
Merci pour cette information interessante
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.
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!
I found your blog on google. I think it’s pretty nice.
Thanks for posting, I like this blog!
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.
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!
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!
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
It is nice of you to share this beneficial information with us. It’s really a nice and useful piece of information. It is a nicely written blog
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.
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.
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.
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.
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.
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?
Thank you so much for article! I think you’ve got it, no matter that means in blogging. Keep on inspiring the folks!
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.
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.
Thanks for taking the time to debate this, I really feel strongly about it and love studying extra on this matter, bookmarked.
What a lovely post, I don’t know how you continuosly mangage to come up with unique information, where do you get it all from?
Excellent information once again. Thanks a lot.
É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 ?
Il arrive que, selon le thème Tumblr utilisé, on n’ait pas le même comportement de Disqus…
il faut un peu adapter ! :-/
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!
Je te remercie pour super ce plan.
Excellent article. DisqUS et rien d’autre! 🙂
Bravo pour ton site. Je ne le connaissais pas. Bonne continuation.
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û ?
As-tu bien ajouté les 2 parties ?
Je crois que certains thèmes Tumblr (mal codés) bloquent le fonctionnement normal de Disqus !
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é !
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 ?
Ce blog n’est pas un Tumblr mais un blog WordPress (donc pour le captcha, on ne l’a pas par défaut avec Disqus).
Pour voir à quoi ressemble les commentaires Disqus sur Tumblr, va plutôt là :
http://franky37110.tumblr.com/post/17819189682#disqus_thread
En cliquant sur « s’identifier », le visiteur peut commenter en étant inscrit sur Disqus, Google, Twitter, Facebook, Yahoo ou OpenID.
Je ne comprends pas, chez moi, ça ne marche pas. Il y a bien écrit « comments », mais quand je clique dessus, rien n’apparait…
Ben si ça marche : j’ai testé et laissé un message ! 🙂
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
Pour une page HTML, il suffit de suivre les infos de cette page :
http://docs.disqus.com/developers/universal/
(en anglais)
et pour d’autres blog ou CMS :
http:// [utilisateur] .disqus.com/admin/install/
en remplaçant [utilisateur] par votre pseudo Disqus.
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é !
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 ! 🙂
Ben, j’ai fait un test sur ton Tumblr et ça marche ! 😉
merci!! ça m’a pris 3 min… grâce au cet article.
Avec plaisir ! 😉
Très Bon Post que j’apprécie
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 …
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 ?
Je ne pense pas que l’on puisse rajouter d’événement mais il faudrait regarder sur le site de Disqus.
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 !