Thursday, October 10, 2019

How to Embed Facebook Posts in Blogger

Sharing posts on social media is something many of us do on a regular basis. We share different types of posts like text, images, GIFs, and videos.

In this blog post, I'll show you how to embed three types of Facebook posts in Blogger. You can use these same instructions to embed FB posts on any website, including WordPress websites.

In the first example, I will show you how to embed a regular Facebook post in which I have shared a YouTube video with some text in the post.

In the second example, I'll show you how to embed a Facebook picture post in which I have uploaded a quote image to Facebook with the quote in text format. And in third example, I'll show you how to embed a video which I uploaded to Facebook.

How to Embed a Facebook Post?


First let's start with how to embed a regular Facebook post on your website. Follow these steps shown below: (1) Go to the Facebook post; (2) Click on the ellipsis icon; (3) Choose "See More Options"; (4) Next, choose Embed; (5) copy the iFrame code; (6) paste the code on your website.

You can also check the video tutorial below, for step-by-step instructions:



And here is an example of an embedded regular Facebook post.



How to Embed a Facebook Picture?


Next, let me show you how to embed a Facebook picture on your website. The process is similar to embedding a regular Facebook post, but a few steps are different, as shown below: (1) go to the Photos section; (2) click on the specific video; (3) hover your mouse over the picture; (4) click on Options (bottom-right); (5) choose Embed; (6) copy the iFrame code; (7) paste the code on your website.

You can also check the video tutorial above, for step-by-step instructions.

And here is an example of an embedded Facebook picture.



How to Embed a Facebook Video?


Next, let me show you how to embed a Facebook video on your website. The process is similar to embedding a regular Facebook picture, but a few steps are different, as shown below: (1) go to the Videos section; (2) click on the specific video; (3) click the ellipsis button (bottom-right); (4) choose Embed; (5) copy the iFrame code; (6) paste the code on your website.

You can also check the video tutorial above, for step-by-step instructions.

And here is an example of an embedded Facebook video.



A couple of things to note; (1) you can only embed Facebook posts that are shared publicly; (2) when getting the embed code, you can also click on the "Advanced Settings" link in the dialog box which provides you some flexibility to customize the embedded Facebook post.

Well, hope this brief tutorial helped on how to embed various types of Facebook post on your website. If you have any questions, please leave them in the comments section. Thanks for stopping by!

CREDITS: Facebook logo and screenshots are copyright protected and used with permission | Google and the Google logo are registered trademarks of Google Inc., used with permission | Commercial rights to use videos, graphics & images  used in this video | Microsoft, Windows, and the Windows logo are trademarks, or registered trademarks of Microsoft Corporation in the United States and/or other countries | Logos and screenshots used with permission from Microsoft | Other company names may be trademarks of their respective owners.

2 comments:

  1. This is new to me, I've never heard about it until I read it here. I'm very glad to read your explanation about it. Thanks for putting this together and sharing this interesting information.

    Thank you for the Happy Birthday on my Blog the other day. I appreciate that a lot.

    Wishing you all the best!

    ReplyDelete
    Replies
    1. You're welcome Leona. Wishing you all the best as well. Thanks much!

      Delete