Install Multiple Comment System like WordPress In blogger.



After a long time i am coming with another awesome blogger tricks that is Using multiple comment system in blogger. Before many days ago I had shared an tricks to use Blogger, FaceBook and Disqus comment together in Blogger Blog. I had noticed at that time that many bloggers are facing many issue in installation of those comment, and hence I had worked on it and made is as much as easy for you all. Here you will find multiple comment system like FaceBook, Disqus, Blogger and Google Plus. You can change the default tab manually by editing the HTML code, its quite simple if you are familiar with HTML code and CSS style editing.

multiple comment system blogger
Demo

Following are the Primary requirement to use multiple comment system in blogger blog. Without this step no one will be able to install multiple comment system.

  1. How To Change Blogger Comment Box To Disqus Comment Box? ( Use this link only to Just to setup blog on disqus and to get Website User Account name, Don’t Install It.)
  2. Add Facebook Comment Box to Blogspot Blogs. ( Follow First Phase Only- Creating facebook App ID )

So now you have facebook Apps ID and Disqus Account Username, so lets begins with the tricks.

Step 1: Login in blogger Account. And select Your Blog.

Step 2: Backup Your Blogger Blog. (Learn how to backup Blogger Blog)

Step 3: Navigate Blogger Dashboard > Go to Template > Edit HTML.

Step 4: Find Following Code by pressing CTRL + F.

</head>

Step 5: Just Above </head> tag paste below code. ( main purpose is to moderate the facebook comment in case of spam or illegal comments )

<meta content='umeshtarsariya' property='fb:admins'/>
<meta content='xxxxxxxxxxxxxxx' property='fb:app_id'/>

Note: Replace "umeshtarsariya" with your own Facebook username. and Also replace "xxxxxxxxxxxxxxx" with your Facebook Apps ID which you had just created.

Step 6:  Now Search For <div class='comments' id='comments'> , and fold entire code ( Just click on the left side row numerical value, it will going to fold entire <div code  ).

fold and unfold blogger code

Step 7: Generate your code using below code generator, and replace ( Delete entire folded code and paste following code their. ) with above folded code.

Note:

  1. Under Disqus Site Username, enter your Disqus username which you had created in the begins of this tutorial
  2. Under No. of Facebook Comment enter the max. number of FaceBook comment that you want to show on the first page.
  3. Under Facebook Comment Box Width and Google plus Comment Box Width enter the width of the comment box.

Step 8: follow the step 6 and 7  for remaining  <div class='comments' id='comments'> code.

Step 9: Save Template. that set.

Show Multiple Comment Box Below Every Post.

Note: Be sure that you follow this only and only if you still face the problem with appearance of the comment box by following each above mentioned steps. Just Restore your backup file which you downloaded in step 2.

This will show the comment box below every post of your blogger blog. So lets begins with it.

Step 1:  Follow Step 1 to Step 5 of above tricks

Step 2: Now Search For <div class='comments' id='comments'> , and fold entire code ( Just click on the left side row numerical value, it will going to fold entire <div code ). and delete it.

fold and unfold blogger code

Step 3: Now generate code using above code generator, and copy and paste the code just below following code.


<div class='post-footer-line post-footer-line-1'>

or

<div class='post-footer-line post-footer-line-2'>

or

<div class='post-footer-line post-footer-line-3'>

or

<data:post.body/>

Step 4: Click on Save template, that set.

Conclusion:

If you find this tricks is worked for you, than kindly follow and subscribe our email and social networking profile, it will motivate my self to do more work in blogging. I hope that this trick will work for you all, if you are still facing any problem than you can contact me personally in my social networking profile > Facebook. Or kindly leave your feedback comment in below comment box, i will try to solve your problem.

The following two tabs change content below.
Hi there, I am Author and Founder of this blog. I am blogging because I love it, their is not as such other reasons are their. I strongly believes that "Self Learning is a great Practice to learn". I am passionate about blogging and I love to be beginner all the time in blogging. Its force me to learn more and more about it and serve you the sweet prepared foods. :P