Top 4 Comment Widgets For Blogger with Installation Code

Top 4 comment widget for blogger with Installation Code that includes Google plus comment widget, Facebook comment widget, Disqus Comment widget, Intense Debate widget for blogger.

Top 4 Comment Widgets For Blogger with Installation Code
Top 4 Comment Widgets For Blogger with Installation Code

Comment widgets for blogger plays an important role if you are serious about blogging, because a serious blogger will always try to interact with its readers and he knows the importance of making a relationship with readers and this is the reason there are many high and top quality comment widgets are available on the internet. Here I am mentioning some of the top commentators widget or plugin for blogger.

Google Plus comment widget, Facebook comment widget, Disqus Comment widget, Intense debate ( comluv) widget They all have their pros and cons, which we will be discussing here and choose the right one which is more professional for your blog.

(1) Google Plus comment widget for blogger



Recently google has launched its comment widget for blogger and from other websites, and it is too easy to add it in blogger. Google directly added a new feature in blogger dashboard where you can change your default comment bar into Google plus comment bar.

How to add Google plus comment widget to blogger



Simply log into blogger dashboard and check the left hand side of your blogger dashboard, you will see Google plus. Click on the Google plus and now you can see there are two options. Check the image below.

how to enable google plus comment widget
How to enable Google plus the comment widget

Check the option number 2 and you are done. It will replace your default blogger comment widget and enable Google plus widget on your blogger blog.

Benefits of Google plus widget

Anyone who comments on your blog will be shared with all of your followers on Google plus and it is like promotion of your posts.

If you get many comments your followers will be prompted to see your post and hence it increases your traffic.

Your Blog post may get more plus one's which may enhance its search engine visibility.

(2) Facebook Comment widget For Blogger



Another top comment widget for blogger is a Facebook comment widget, Facebook is a very important website and one of the top social media sharing website in the world and almost every blogger has an account on Facebook and  uses for website promotion. So you can use a Facebook comment widget on your website then the default blogger comment widget.

Go to Blogger Dashboard.
Go to Edit HTML
Hit ctrl+f.
And search <body> tag.
Just after the <body> tag paste the below code.
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


Now save the template.
Go to layout.
Add a gadget
Choose Html/javascript.
Now Paste the below code.
And save. You are done.

<div class="fb-comments" data-href="http://example.com" data-width="470" data-num-posts="10"></div>


Customization


Insert your own URL in the place of http://example.com.
Change width from 470 to your width.
How many comments you want to show, change it from 10 to your number.

For More information on Facebook comment widget 

(3) Disqus Comment Widget For Blogger

Here I will explain step by step process for how to add the Disqus comment widget to blogger, Disqus is also a top comment widget for blogger and widely used by many bloggers. Below is a manual method to add the Disqus comment widget to blogger.

Go to blogger dashboard.
Got to layout.
Go to add a gadget.
Choose html/javascript.
Now Copy the below code and paste it.
Type the Title Discuss.

<!-- Disqus comments gadget -->

And save.

Again go to blogger dashboard.
Go to edit template.
Hit ctrl+f.
And search for discus.
Now you will find the below code in your template.

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


Edit the line and change mobile to yes. Check the below code for how doing it.

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


Now locate the below code and delete it but before deleting it take backup of your template.

<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>
After deletion search this code
</b:widget>


And above this code paste the below 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 name anything like mine is avdhootblogger.
Save the template and you are done.
Now Disqus comment widget is installed on your blogger blog and it will replace the default blogger comment widget.

(4) Intense Debate Comment widget For Blogger



The intense debate comments widget is another good option for blogger then the default comment widget. It is a featured widget with many qualities like. In comments you can see profiles of commentators and also you can vote them up and down. When readers inserts their url this widget automatically adds their recent post. So it is a very nice comment widget for blogger. So if you are interested in adding this comment widget to your blogger blog follow this link. I have also added this comment widget in my blog. You can check it below the post.
Next Post Previous Post