Ajouter manuellement le gadget Disqus à Blogger

Si le programme d'installation du gadget Disqus ne fonctionne pas sur certains de modèles de blog. Et si cela vous ait arrivé, n'inquiétez pas vous avez la possibilité d'installer le gadget Disqus sur votre site Blogger. De sorte qu'il ne fonctionnera pas avec les modèles de vues dynamiques.

Vous avez crée un blog sur Blogger et ce dernier commence à grimper petit à petit, vous voulez maintenant installer le commentaire Disqus pour générer les amis de Facebook, Twitter, Google, Disqus pour qu'ils puissent commentent sur votre blog sans problème ? 

Alors la démarche est plus rationnelle et suivons comment cela se produira ci-après

Avant de commencer à installer le gadget Disqus sur votre blog Blogger savoir à quoi ça le gadget Disqus sur votre blog ?

À quoi ça sert le gadget Disqus?

Pour connaître le l'essentiel du gadget Disqus, lisons la suite ci-dessous

Savoir le gadget Disqus est un outil gratuit ou payant en ligne permet à ses utilisateurs de gérer l'ensemble des outils dont le propriétaire a le plan pro ou autre.

Je veux dire en premier Disqus est un outil de commentaire l'outil le plus connu mais beaucoup d'autres outils qui offre à ses clients.

Installation des commentaires sur votre blog Blogger à l'aide du code HTML Disqus

1 Aller à votre disposition

2 Mise en page

3 Ajouter un gadget

4 Entrez le code HTML obtenu depuis Disqus

Restez connecté à votre blog maintenant et Enregistrer les nouvelles modifications que vous apportez à votre blog, actualisé et voir ce qui se passe en bas de chaque article.

Comment ajouter un gadget Disqus commentaire sur Blogger

1 Allez à Blogger dans le tableau de bord de votre blog d'accueil

2 Accédez à la section Mise en page  de votre blog et cliquez sur le bouton Ajouter un gadget dans la barre latérale droite

3 Dans la fenêtre qui contextuelle Ajouter un gadget, faites défiler vers le bas pour trouver le gadget HTML/JavaScript et cliquez sur le bouton + Plus 

4 Entrez sur Disqus comme titre et le code suivant pour le contenu :

<!-- Disqus Comments gadget -->

5 Cliquez sur Enregistrer et la fenêtre cette partie se fermera

6 Cliquez sur Enregistrer l'arrangement dans la visionneuse de mise en page.

Comment ajouter le code de Disqus à votre blog

1 Accédez à la section modèle de blog Blogger depuis dans son interface d'administration, cliquez sur » Modifier le code HTML, puis cliquez sur le bouton » Modifier le modèle

2 Cliquez dans la zone de texte et recherchez le widget que vous aviez installer tout récemment dans modèle de blog HTML en appuyant sur CTRL-F (Commande F sur OSX) puis en tapant Disqus. Vous devez trouver la ligne suivante :

3 Modifiez maintenant cette ligne de code pour ajouter mobile="yes" pour charger le Disqus marche sur les appareils mobiles. Cela ressemble au bas de ce blog, lorsque vous aurez terminé, voir le code complet ci-dessous :

<b:includable id='main'>
            <script type='text/javascript'>
                var disqus_shortname = &#39;EXAMPLE&#39;;
                var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;

                if (!disqus_blogger_current_url.length) {
                    disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
                }

                var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
                var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
            </script>

            <b:if cond='data:blog.pageType == &quot;item&quot;'>
                <style type='text/css'>
                    #comments {display:none;}
                </style>

                <script type='text/javascript'>
                    (function() {
                        var bloggerjs = document.createElement(&#39;script&#39;);
                        bloggerjs.type = &#39;text/javascript&#39;;
                        bloggerjs.async = true;
                        bloggerjs.src = &#39;//&#39;+disqus_shortname+&#39;.disqus.com/blogger_item.js&#39;;
                        (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
                    })();

                </script>
            </b:if>
                <style type='text/css'>
                    .post-comment-link { visibility: hidden; }
                </style>

                <script type='text/javascript'>
                (function() {
                    var bloggerjs = document.createElement(&#39;script&#39;);
                    bloggerjs.type = &#39;text/javascript&#39;;
                    bloggerjs.async = true;
                    bloggerjs.src = &#39;//&#39;+disqus_shortname+&#39;.disqus.com/blogger_index.js&#39;;
                    (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
                })();

            </script>
</b:includable>  

4 En dessous, localisez et SUPPRIMER le code suivant juste avant la balise de fermeture. La section que vous supprimez devrait ressembler à ceci :

5 Avant de fermer toutes les modifications que vous avez apporté, la fermeture de cette balise devrait </b: widget> être intégré.

En Résumé

Ce tutoriel est possible de faire un commentaire sur les blogs grâce à l'aide de Disqus qui est un outil gratuit pour les utilisateurs et blogueurs débutants qui peuvent commencer à rendre leurs blog plus avancés.

J'ai moi-même installer cet outil sur mon blog, vous ne verrez pas directement sur ce blog. Par conséquent, je viens de changer le modèle de ce blog de idntheme.com à sugeng.id en ce samedi 18 septembre 2021.

Donc cet article est aussi rédigé en ce jour merci, donc j'ai pas encore fini avec les configurations de mise en page de mon blog.

Vous verrez dans les prochaines fois avec les l'ajout d'un commentaire Disqus à son blog d'ici dans peu de temps.

Je vous souhaite bon blogging !