Like what you read? Share for your friends!

Embedded comments is a new method to embed public comments posted in Facebook to the content of your web site or web page or blogger site. These comments can be posted by a Facebook page or a person.

Generally Facebook Embedded Comments Social Plugin is used to embed comments on a specific topic or a post that will generate more user opinions.

How to Get URL of comment from Facebook

Go to the comment which you want to embed.
Move your mouse pointer towards right and a small down arrow option will appear.
Select the down arrow and select "Embed" from the third option.

Facebook Embedded Comments Get
Facebook Embedded Comments Get

A pop up window will appear. Select "Advanced Settings"

Facebook Embedded Comments Advanced option
Facebook Embedded Comments Advanced option
Another window will pop up. 

Facebook Embedded Comments Code Generator
Facebook Embedded Comments Code Generator


Copy the URL shown under "URL of comment".  You may get a URL like this'

https://www.facebook.com/shipmethis/posts/1348810268487645?comment_id=1349787968389875

There are two parts for this URl.

One is URL of the comment: https://www.facebook.com/shipmethis/posts/1348810268487645
Second one is ID of the comment: 1349787968389875

First Method: How To Get  Embedded Comments Social Plugin Code from Facebook

Go to All 11 Facebook Social Share Plugins For Blogspot Blog and follow the steps correctly. After that do the following steps.

Go to FB developers  Embedded Comments Social Plugin page. 

Provide the URL of comment which you want to Embed that you have copied earlier.

Select Get Code and you will get HTML code like the one below;

<div class="fb-comment-embed" data-href="https://www.facebook.com/shipmethis/posts/1348810268487645?comment_id=1349787968389875" data-width="560" data-include-parent="false"></div>

Copy the HTML tag and not the JavaScript.


Second Method: How to Install  Facebook  Embedded Comments Social Plugin Correctly To Blogger Template

Go to All 11 Facebook Social Share Plugins For Blogspot Blog and follow the steps correctly. After that do the following steps.

  1. Go to Blogger
  2. Go to Theme
  3. Select Edit HTML

CSS code to copy

/*---Name:Ship Me This Url: http://www.shipmethis.com/2017/04/all-social-plugins-blogger.html --- */  .shipmethis {font-size: 12px;}

Where to Paste the Copied Code

Paste the below CSS before skin code  ]]></b:skin>
You can use CTRL+F to find the code.

HTML code to copy


<div class="fb-comment-embed" data-href="post your copied FB comment URL here?comment_id=post your FB comment ID here&amp;reply_comment_id=post your FB comment ID here" data-width="560" data-include-parent="false"></div><div class="shipmethis"><a href="http://www.shipmethis.com/2017/04/all-social-plugins-blogger.html">Get Widget</a></div> </div>

Where to Paste the Copied Code

You can post this code anywhere on the post page.
 For that Go to blogger
Select New post
Go to HTML section
Paste anywhere you want
Publish to see the embed FB comment box


Hope this post helps. Please Subscribe to the Ship Me This.



Comments || >

Subscribe via Email

Don't Miss Any Updates, Stay Connected!.

We respect your privacy and will never share your email address with any person or organisation.