Site Navigation

Like what you read? Share for your friends!

Embedded posts is a new method to embed public posts posted in Facebook to the content of your web site or web page or blogger site. These posts can be posted by a Facebook page or a person.
Facebook Embedded posts Social Plugin is used to embed posts on a specific topic or a page.

How to Get URL of Post from Facebook

Go to the post 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.


Get URL from facebook for embedded posts
Add Facebook Embedded Posts Social Plugin to Blogger


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


Get URL from facebook for embedded posts advaced settings
Embed the post

Another window will pop up. 



Code generator from facebook for embedded posts
Code generator from Facebook

Copy the URL shown under "URL of comment".

You may get a URL like this.

https://www.facebook.com/shipmethis/posts/1348810268487645

First Method: How To Get  Embedded Posts 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 Posts Social Plugin page.

Provide the URL of post 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-post" data-href="https://www.facebook.com/shipmethis/posts/1348810268487645" data-width="500" data-show-text="true"><blockquote cite="https://www.facebook.com/shipmethis/posts/1348810268487645" class="fb-xfbml-parse-ignore"><p>Ship Me This- Online XML Syntax Error Parsing Validator Tool https://t.co/psIIUkjBB9 #solvederrorparsingxml</p>Posted by <a href="https://www.facebook.com/shipmethis/">Ship Me This</a> on&nbsp;<a href="https://www.facebook.com/shipmethis/posts/1348810268487645">Wednesday, April 26, 2017</a></blockquote></div>

Copy the HTML tag and not the JavaScript.



Second Method: How to Install  Facebook  Embedded Posts 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-post" data-href="post your FB post URL here" data-width="500" data-show-text="true"><blockquote cite="post your FB post URL here" class="fb-xfbml-parse-ignore">Posted by <a href="post your FB Profile URL here">post your FB name here</a> on post date here</blockquote></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 post


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.