Using Disqus Comment Box On Multiple Subdomains

Sorry guys, I'm not getting much time because of my exams and bunch of other issues. However, I'm still active in comments to help users. Right now, I'm only replying to users that needs my help. Let's get back to topic.

Disqus comment system is one of the most advances and user-friend service for bloggers and webmasters. With a few quick steps, you can turn your old comment system into a new way to engage your visitors.You can check our full Disqus archive by clicking here, which contains four useful Disqus widgets, and more.

If you're creating a single community for discussions for all your site’s subdomains, you may want to add a single Disqus system on all your domains. It'll make moderating a bit easier, and also less mess around your Disqus dashboard. It also works if you have a different site as your website's mobile version. Here we go:

• Visit your Disqus comment's General Settings page(for ex. http://example.isqus.com/admin/settings/)

• Change your website's url from http://www.example.com to http://example.com

That's it! If your sub-domains don’t have related content, then Creating a new Disqus profile for each is better option.

Adding Disqus Combination Widget To Blogger

Previously, I shared three Disqus widget, you can check all of them at this link. Finally, It's time to share last widget of Disqus widgets series. This is a Disqus Combination widget, which is a combination of all three previous widgets. Nothing much to explain about this. Let's get started. You can also use below code on your html document or wordpress:

• Go To Blogger > Layout > Add A Gadget > HTML/JavaScript > Paste below code:

<div class="heading blue">
            <h2>Community</h2>
        </div>
        <script type="text/javascript" src="http://wwefansnation.disqus.com/combination_widget.js?num_items=5&hide_mods=1&color=grey&default_tab=recent&excerpt_length=30"></script>
    </div>

• Replace wwefansnation.disqus.com with your site's Disqus ID.
• Replace 5 with the number of items your want to display.
• Replace grey with your preferred color.
• Replace 1 with 0 if you want to display moderator's name on this widget.

Disqus Combination Widget For WordPress:

You can download add Disqus Combination Widget to WordPress with this plugin.

Manually Adding Disqus Comment Box On Blogger

Previously we discussed about adding Disqus comment system to Blogger. Now i'll tell you how to add Disqus comment system manually on your blog.

If the Disqus gadget installer isn't working, you have the option of manually installing the gadget on your Blogger site. This will require editing your Blogger template HTML, so it won't work with Dynamic Views templates.

• Go To Blogger > Layout > Add A Gadget > HTML/JavaScript

• Enter Disqus as the title and the following code for the content:

<!-- Disqus comments gadget -->

• Click save and the window will close....

Now all done in Layout section of your blog, now it's time to move to the Template section.

• Go to your blog's Template section and then click the "Edit HTML" button > Proceed

• Click 'Expand Widget Templates' box

• Search for the widget you just created in your HTML template by pressing Ctrl-F (Command-F on OSX) then typing Disqus. You should find the following line: 

<b:widget id='HTML1' locked='false' title='Disqus' type='HTML'>

• Below that locate and DELETE the following code right before the closing tag. The section you're deleting should look like this:

<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>

• Now before the closing </b:widget> tag, add the following Disqus code

<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;http://&#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;http://&#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>

• Now change EXAMPLE to your site's shortname.

• Click Save template. Assuming there are no errors, Disqus should properly show up on your site now.

Adding Disqus Popular Threads Widget To Blogger

Previously i shared two Disqus widgets. Now it's time to share third widget, which is a way to show some recent popular posts/threads of your blog. I don't have much to say about it right now so let's just get started.You can also use below code on your html document or wordpress.

• Go To Blogger > Layout > Add A Gadget > HTML/JavaScript > Paste below code:

<div id="popularthreads" class="dsq-widget"><h2 class="dsq-widget-title">Popular Threads</h2><script type="text/javascript" src="http://wwefansnation.disqus.com/popular_threads_widget.js?num_items=5"></script></div>

• Replace wwefansnation.disqus.com with your site's Disqus ID.
• Replace 5 with the number of threads your want to display.

Now save and you're done.!!!

Disqus Popular Threads Widget For WordPress:

You can download add Disqus Popular Threads Widget to WordPress with this plugin.

Adding Disqus Top Commenters Widget To Blogger

Previously i shared Disqus Recent Comments Widget, which was an awesome way to show some recent comments and this time i'am going to share Top Commenters widget with you guys. It's a great way to show your site's most active commenters. You can also use below code on your html document or wordpress.

• Go To Blogger > Layout > Add A Gadget > HTML/JavaScript > Paste below code:

<div id="topcommenters" class="dsq-widget"><h2 class="dsq-widget-title">Top Commenters</h2><script type="text/javascript" src="http://wwefansnation.disqus.com/top_commenters_widget.js?num_items=5&hide_mods=0&hide_avatars=0&avatar_size=32"></script></div>

• Replace wwefansnation.disqus.com with your site's Disqus ID.
• Replace 5 with the number of commenters your want to display.
• Replace hide_mods=0 with hide_mods=1 if you want to hide moderator's name from this widget.

Now save and you're done.!!!

Disqus Top Commenters Widget For WordPress:

You can download add Disqus Top Commenters Widget to WordPress with this plugin.

Adding Disqus Recent Comments Widget To Blogger

Previously i posted an article about Disqus comments system and now you all are here because you are using Disqus on your blog or website and wanted to know about adding recent comments widget to your blog. Recent comments widget is a really good way to show some recent comments of your blog/disqus on your blog which also encourages more users to comment on your blog. You can also use below code on your html document or wordpress.

• Go To Blogger > Layout > Add A Gadget > HTML/JavaScript > Paste below code:

<div id="recentcomments" class="dsq-widget"><h2 class="dsq-widget-title">Recent Comments</h2><script type="text/javascript" src="http://wwefansnation.disqus.com/recent_comments_widget.js?num_items=5&hide_avatars=0&avatar_size=32&excerpt_length=200&hide_mods=0"></script></div>

• Replace wwefansnation.disqus.com with your site's Disqus ID.
• Replace 5 with the number of comments your want to display.
• Replace hide_mods=0 with hide_mods=1 to hide moderator's comments.

Now save and you're done.!!!

Disqus Recent Comments Widget For WordPress:

You can download add Disqus Recent Comments Widget to WordPress with this plugin.

Adding Disqus Comment Box On Blogger

With a few quick steps, you can turn your old comment system into a new way to engage your visitors.

Why Choose Disqus ?

From small blogs to massive websites, Disqus is the easiest way to build active communities. It's free to use and works with virtually any type of website.

Disqus comment box is one of the most used comment box around the web which makes commenting really easy. It's totally free and if you have a large fan base or big number of visitors then you can also earn some revenue with it , we will discus that in another post.

Disqus gives your visitors to log in and comment via all major social networks including Facebook and Twitter which makes it easy to sign in. If you're a big publisher then you can also add your site's log in option to disqus.

With Disqus your visitors can also attache images with their comment and it's easy for site owner to moderate spam comment.

Disqus also gives you option to reply comments and stay connected with your commenters.

Installing : 

• Go To Disqus > Create a new account by clicking on 'Get this on your site'

• Fill the sign up form just like shown below :

Choosing a username is also an art so choose something creative.

• Now Click on 'Continue' > Choose your platform Blogger/Wordpress/Other... 

You can also use this comment box in other platform with this tutorial because installing in all platforms are totally same.

• Now in next page click on 'Add Your Site To Blogger' > Add this anywhere on your layout and it's done.

Well it was easy , make sure your blogger comment box isn't disabled otherwise it won't work. After installing you can customize settings of your comment box and disqus will notify you when a user comments your site/blog.

We will discus more features of Disqus in our next posts including making money with Disqus.