Top 6 comment widget for blogger with Installation Code that includes Google plus comment widget,Facebook comment widget,Discus Comment widget,Intense Debate widget for blogger.
| Top 4 Comment Widgets For Blogger with Installation Code |
Comment widgets for blogger plays an important role if you are serious aboutblogging,because a serious blogger will always try to interact with its readers and he knows the importance of making 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 comment widget or plugin for blogger.
Google Plus comment widget,Facebook comment widget,Discus 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 for other websites,but 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.
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 it's search engine visibility.
(2)Facebook Comment widget For Blogger
Another tops comment widget for blogger is facebook comment widget,facebook is a very imprtant website and one of the top social media sharing website in the world and almost every blogger has an account on facebook and also uses for website promotion.so you can use facebook comment widget in 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 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)Discus Comment Widget For Blogger
Here i will explain step by step process for how to add discus comment widget to blogger,discuss is also a top comment widget for blogger and widely used by many bloggers.below is manual method to add discus 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 to do it.
<b:widget id='HTML1' locked='false' title='Disqus' type='HTML'>
Now locate the below code and delete it but before deleting it take back up of your template.
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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 = 'EXAMPLE';
var disqus_blogger_current_url = "<data:blog.canonicalUrl/>";
if (!disqus_blogger_current_url.length) {
disqus_blogger_current_url = "<data:blog.url/>";
}
var disqus_blogger_homepage_url = "<data:blog.homepageUrl/>";
var disqus_blogger_canonical_homepage_url = "<data:blog.canonicalHomepageUrl/>";
</script>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#comments {display:none;}
</style>
<script type='text/javascript'>
(function() {
var bloggerjs = document.createElement('script');
bloggerjs.type = 'text/javascript';
bloggerjs.async = true;
bloggerjs.src = 'http://'+disqus_shortname+'.disqus.com/blogger_item.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[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('script');
bloggerjs.type = 'text/javascript';
bloggerjs.async = true;
bloggerjs.src = 'http://'+disqus_shortname+'.disqus.com/blogger_index.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(bloggerjs);
})();
</script>
</b:includable>
Now change example to your site name anything like my is INDIATIP.
Save the template and you are done.
Now discus comment widget is installed on your blogger blog and it will replace the default blogger comment widget.
No comments:
Post a Comment