If you want to add Facebook Comment Box in you website than you must add some code in html. All the information is given below. Before Adding any code in html, Save the backup file of your blog.


How to add Facebook Comment Box in blogger.

  1.  After Log In to the blogger click on themes and ... and Edit Html.
  2. After Clicking Edit Html , Press Ctlr+F, And Search box will open, And search </body> .
  3. After Searching </body> tag copy the below Code and paste above the </body> tag.
    4. <div id="fb-root"></div>
    <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v6.0&appId=1076993782508907&autoLogAppEvents=1"></script>
    Searching </body> tag
  4. After that again press Ctlr+F, And Search  the below code :
    <b:include data='post' name='post'/>
  5. And copy the below Code and Paste the code below <b:include data='post' name='post'/> tag.
    <b:if cond='data:blog.pageType == "item"'>
    <div class="fb-comments" data-href="<data:post.url/>" data-width="100%" data-numposts="5"></div>
    </b:if>
    Pasting the code below <b:include data='post' name='post'/> tag
  6. After Pasting the two Codes , Click on save theme. After saving the theme Facebook Comment Box will appear in your posts.
If you want to see live demo scroll down. You can see the Facebook Comment Box. If you have any queries than comment below.

Post a Comment