2023 How to Add Facebook Comment Box (Social Plugins) widget in Blogger website page - Sazzadinfo.com - Largest Blogging Site in Bangladesh

Facebook comment for your diary-blog instrumentation provides out a decent quality technique to create your website additional engaging and support readers to drop comments if they are prior to now logged in to Facebook. It additionally functions as a basis of traffic as victimization Facebook comment shares the comment and post page on the guest's viewers Facebook wall. Facebook comment has no SEO price since it’s being displayed in an associate degree iframe that Google will not index.

Comments complete with the quality comment box on your website has further compensation especially if you get several of comment, a lot of keywords you did not very say within the post content, however, seem in comments build bring a lot of program traffic. this can be wonderful Facebook comment lacks, not as well as the additional traffic you get from Facebook.

Adding Facebook Comment Box in Blogger Step 1 :

>>  Log on to your Facebook account.

>>  Go to the Setting option from the top right corner.

>>  Click the Developer option from below.

>>  Then click the Docs button.

>>  Click the Social Plugins option.

>>  Then click Comments from bellow right corner.

>>  You can see now 4 boxes like the below picture.

• URL to comment on the box give your blog Domain Name (Ex: SazzadBD.com).
• The width box gives width. (Ex: 600)
• The number of posts. (Ex: 10)
• Color Scheme box. (Ex: Light)

>>  Finally click the Get Code button.

>>  Copy Html5 code from the below picture.

Processing Re-write Suggestions Done (Unique Article) Note: this can be the tiny low reality. once clicking saves guide, maybe it says Error message like below image. currently, you must low tricks. Go here And Html5 Code Convert. Past Facebook Html5 code in this box and click on Convert.

And Copy all converted code. 

Adding Facebook Comment Box in Blogger Step 2 :

1. Log in Blogger dashboard.
2. Go to template > edit HTML.
3. Search </body> tag {Ctrl+f}
4. Copy the code to the HTML Parse and Now past code above </body> tag.
   
5. Click Save Template.
6. Next search (Ctrl+F) that blog and this red code  <b:include data='post' name='post'/>
7. Past bellow codes after this red tag.
8. Copy And past this code:

"

<b:if cond='data:blog.pageType == "item"'>

                 &lt;div

                     class=&quot;fb-comments&quot;

                     data-href=&quot;<data:post.url/>&quot;

                     data-width=&quot;590&quot;

                     data-num-posts=&quot;100&quot;&gt;

                 &lt;/div&gt;

            </b:if>

"

  9.  And Again Click Save Template.

Now you have successfully added your Facebook comment box.

Thank you did.