{"id":839,"date":"2015-11-03T06:33:34","date_gmt":"2015-11-03T06:33:34","guid":{"rendered":"http:\/\/www.heerentanna.com\/?p=839"},"modified":"2022-12-19T14:56:34","modified_gmt":"2022-12-19T09:26:34","slug":"multiple-comment-system-blogspot","status":"publish","type":"post","link":"https:\/\/www.heerentanna.com\/blog\/multiple-comment-system-blogspot.html","title":{"rendered":"Install Multiple Comment System like WordPress In blogger."},"content":{"rendered":"<p style=\"text-align: justify;\">[dropcap]A[\/dropcap]fter 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 <a title=\"blogger, facebook, disqus comment togather tricks for blogger\" href=\"https:\/\/www.heerentanna.com\/blog\/facebook-disqus-tab-in-blogger.html\" target=\"_blank\" rel=\"noopener noreferrer\">use Blogger, FaceBook and Disqus comment together in Blogger Blog<\/a>. 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.<br \/>\n<!--more--><\/p>\n<p><center><a href=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2014\/01\/multiple-comment-system-blogger1.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-863\" src=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2014\/01\/multiple-comment-system-blogger1.gif\" alt=\"multiple comment system blogger\" width=\"530\" height=\"300\"><\/a><\/center><center><b><a href=\"https:\/\/www.heerentanna.com\/blog\/facebook-disqus-tab-in-blogger.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Demo<\/a><\/b><\/center><\/p>\n<p style=\"text-align: justify;\">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.<\/p>\n<ol>\n<li><a href=\"https:\/\/www.heerentanna.com\/blog\/How-To-Change-Blogger-Comment-Box-To-Disques-Comment-Box.html\" target=\"_blank\" rel=\"noopener noreferrer\">How To Change Blogger Comment Box To Disqus Comment Box?<\/a>&nbsp;( Use this link only to Just to setup blog on disqus and to get Website User Account name, Don\u2019t Install It.)<\/li>\n<li><a href=\"https:\/\/www.heerentanna.com\/blog\/setup-facebook-comment-for-blogger.html\" target=\"_blank\" rel=\"noopener noreferrer\">Add Facebook Comment Box to Blogspot Blogs.<\/a>&nbsp;( Follow First Phase Only- Creating facebook App ID )<\/li>\n<\/ol>\n<p style=\"text-align: justify;\">So now you have facebook Apps ID and Disqus Account Username, so lets begins with the tricks.<\/p>\n<p><b>Step 1:<\/b> Login in blogger Account. And select Your Blog.<br \/>\n<b><br \/>\n<\/b> <b>Step 2:<\/b> Backup Your Blogger Blog. (Learn how to backup Blogger Blog)<br \/>\n<b><br \/>\n<\/b> <b>Step 3:<\/b> Navigate Blogger Dashboard &gt; Go to Template &gt; Edit HTML.<br \/>\n<b><br \/>\n<\/b> <b>Step 4:<\/b> Find Following Code by pressing CTRL&nbsp;+ F.<\/p>\n<blockquote class=\"tr_bq\"><p><code>&lt;\/head&gt;<\/code><\/p><\/blockquote>\n<p style=\"text-align: justify;\"><b>Step 5:<\/b> Just Above <code>&lt;\/head&gt;<\/code> tag paste below code. ( main purpose is to moderate the facebook comment in case of spam or illegal comments )<\/p>\n<blockquote class=\"tr_bq\"><p><code>&lt;meta content='<span style=\"background-color: #93c47d;\">heerentanna<\/span>' property='fb:admins'\/&gt;<br \/>\n&lt;meta content='<span style=\"background-color: #93c47d;\">xxxxxxxxxxxxxxx<\/span>' property='fb:app_id'\/&gt;<br \/>\n<\/code><\/p><\/blockquote>\n<p style=\"text-align: justify;\">Note: Replace &#8220;heerentanna&#8221; with your own <strong>Facebook username<\/strong>. and Also replace &#8220;xxxxxxxxxxxxxxx&#8221; with your<strong> Facebook Apps ID<\/strong> which you had just created.<\/p>\n<p style=\"text-align: justify;\"><strong>Step 6:&nbsp;<\/strong> Now Search For&nbsp;<code>&lt;div class='comments' id='comments'&gt;<\/code> , and fold entire code ( Just click on the left side row numerical value, it will going to fold entire <code>&lt;div <\/code>code&nbsp; ).<\/p>\n<p><a href=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2014\/01\/fold-and-unfold-blogger-code.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-857\" src=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2014\/01\/fold-and-unfold-blogger-code.gif\" alt=\"fold and unfold blogger code\" width=\"660\" height=\"220\"><\/a><\/p>\n<p style=\"text-align: justify;\"><strong>Step 7:<\/strong> Generate your code using below code generator, and replace ( Delete entire folded code and paste following code their. ) with above folded code.<br \/>\n<iframe loading=\"lazy\" src=\"https:\/\/www.heerentanna.com\/widget\/fb-disqus-blogger-google-comment-tab.htm\" width=\"100%\" height=\"655\" frameborder=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p style=\"text-align: justify;\"><strong>Note: <\/strong><\/p>\n<ol>\n<li style=\"text-align: justify;\">Under Disqus Site Username, enter your Disqus username which you had created in the begins of this tutorial<\/li>\n<li style=\"text-align: justify;\">Under No. of Facebook Comment enter the max. number of FaceBook comment that you want to show on the first page.<\/li>\n<li style=\"text-align: justify;\">Under Facebook Comment Box Width and Google plus Comment Box Width enter the width of the comment box.<\/li>\n<\/ol>\n<p style=\"text-align: justify;\"><strong>Step 8:<\/strong> follow the step 6 and 7&nbsp; for remaining&nbsp;&nbsp;<code>&lt;div class='comments' id='comments'&gt;<\/code> code.<\/p>\n<p><strong>Step 9: <\/strong> Save Template. that set.<\/p>\n<h2>Show Multiple Comment Box Below Every Post.<\/h2>\n<p style=\"text-align: justify;\">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.<\/p>\n<p style=\"text-align: justify;\">This will show the comment box below every post of your blogger blog. So lets begins with it.<\/p>\n<p style=\"text-align: justify;\"><strong>Step 1:<\/strong>&nbsp; Follow <strong>Step 1<\/strong> to <strong>Step 5<\/strong> of above tricks<\/p>\n<p style=\"text-align: justify;\"><strong>Step 2: <\/strong> Now Search For <code>&lt;div class='comments' id='comments'&gt;<\/code> , and fold entire code ( Just click on the left side row numerical value, it will going to fold entire <code>&lt;div <\/code>code ). and delete it.<\/p>\n<p><a href=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2014\/01\/fold-and-unfold-blogger-code.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-857\" src=\"https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2014\/01\/fold-and-unfold-blogger-code.gif\" alt=\"fold and unfold blogger code\" width=\"660\" height=\"220\"><\/a><\/p>\n<p style=\"text-align: justify;\"><strong>Step 3:<\/strong> Now generate code using above code generator, and copy and paste the code just below following code.<\/p>\n<blockquote><p><code><br \/>\n&lt;div class='post-footer-line post-footer-line-1'&gt;<\/code><\/p>\n<p style=\"text-align: center;\">or<\/p>\n<p><code>&lt;div class='post-footer-line post-footer-line-2'&gt;<\/code><\/p>\n<p style=\"text-align: center;\">or<\/p>\n<p><code>&lt;div class='post-footer-line post-footer-line-3'&gt;<\/code><\/p>\n<p style=\"text-align: center;\">or<\/p>\n<p><code>&lt;data:post.body\/&gt;<\/code><\/p><\/blockquote>\n<p><strong>Step 4:<\/strong> Click on Save template, that set.<\/p>\n<p><strong>Conclusion:<\/strong><\/p>\n<p style=\"text-align: justify;\">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 &gt; <a href=\"http:\/\/www.facebook.com\/heerentanna\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Facebook.<\/a> Or kindly leave your feedback comment in below comment box, i will try to solve your problem.<\/p>\n","protected":false},"excerpt":{"rendered":"[dropcap]A[\/dropcap]fter a long time i am coming with another awesome blogger tricks that is Using multiple comment system&hellip;","protected":false},"author":1,"featured_media":15008,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"csco_display_header_overlay":false,"csco_singular_sidebar":"default","csco_page_header_type":"default","footnotes":""},"categories":[5],"tags":[],"class_list":{"0":"post-839","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-blogging-tips","8":"cs-entry"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts\/839","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/comments?post=839"}],"version-history":[{"count":0,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts\/839\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/media\/15008"}],"wp:attachment":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/media?parent=839"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/categories?post=839"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/tags?post=839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}