How to embed photographs from Facebook, Instagram & Twitter to you Blog/Website



Many times viewers of this blog have seen photographs from Facebook, Twitter and Instagram embedded. And a few times, I have received queries how to do it. Although it's pretty simple, but putting it step-by-step can make it easier for bloggers or website owners to adopt the solution easily. This post talks about the ways to embed photographs from Facebook or Instagram or Twitter on your blog/website. 


Let's talk about embedding Facebook photograph and have a look at steps to be followed -

1. Open the photograph in Facebook, which you want to embed in your blog/website.

2. Go to 'Option' menu as shown in photograph below and click on 'embed'

Many times viewers of this blog have seen photographs from Facebook, Twitter and Instagram embedded. And a few times, I have received queries how to do it. Although it's pretty simple, but putting it step-by-step can make it easier for bloggers or website owners to adopt the solution easily. This post talks about the ways to embed photographs from Facebook or Instagram or Twitter on your blog/website.   Let's talk about embedding Facebook photograph and have a look at steps to be followed -  1. Open the photograph in Facebook, which you want to embed in your blog/website.  2. Go to 'Option' menu as shown in photograph below and click on 'embed'3. It would launch a screen like below, with some iframe code. 

4. Select the whole code mentioned in text-box and copy it.

5. Now go to your website/blog and paste the code in HTML.

6 Try preview and it should show the photograph in your blog/website. 

3. It would launch a screen like below, with some iframe code.   4. Select the whole code mentioned in text-box and copy it.  5. Now go to your website/blog and paste the code in HTML.  6 Try preview and it should show the photograph in your blog/website.

When we talk about Instagram, the workflow is almost the same. 


1. Open the photograph in Instagram, which you want to embed.  2. Notice 3 dots parallel comment text box, which is on right side of 'Add a comment...'  3. Tap on these 3 dots  4. Click on 'Embed' option in the dialog launched after clicking these 3 dots.  5. Below shown dialog would be shown with some code.  5. Click on the button 'Copy Embed Code' and paste this code to your blog/website.  6. Check if this photograph is available in preview.

1. Open the photograph in Instagram, which you want to embed.

2. Notice 3 dots parallel comment text box, which is on right side of 'Add a comment...'

3. Tap on these 3 dots

4. Click on 'Embed' option in the dialog launched after clicking these 3 dots.

5. Below shown dialog would be shown with some code.

5. Click on the button 'Copy Embed Code' and paste this code to your blog/website.

6. Check if this photograph is available in preview.

1. Open the photograph in Instagram, which you want to embed.  2. Notice 3 dots parallel comment text box, which is on right side of 'Add a comment...'  3. Tap on these 3 dots  4. Click on 'Embed' option in the dialog launched after clicking these 3 dots.  5. Below shown dialog would be shown with some code.  5. Click on the button 'Copy Embed Code' and paste this code to your blog/website.  6. Check if this photograph is available in preview.

....

....

Steps to embed Twitter photograph on your blog/website - 

1. Open the photo tweet you want to embed.


1. Open the photograph in Instagram, which you want to embed.  2. Notice 3 dots parallel comment text box, which is on right side of 'Add a comment...'  3. Tap on these 3 dots  4. Click on 'Embed' option in the dialog launched after clicking these 3 dots.  5. Below shown dialog would be shown with some code.  5. Click on the button 'Copy Embed Code' and paste this code to your blog/website.  6. Check if this photograph is available in preview.

2. Tap on 3 dots in the bottom part of your tweet and tap on it. It would show various options.

3. Press on 'Embed Tweet' 

2. Tap on 3 dots in the bottom part of your tweet and tap on it. It would show various options.  3. Press on 'Embed Tweet'

4. It would launch the screen show below. 
5. Copy this code and paste it in your blog/website.  


Three of these are pretty simple steps. Try and let us know if you come across any issues or have more questions. 

3 comments:

rupam sarma said...

Nice informative post :)

VJ Sharma said...

Thanks Rupam. Did you ever try embedding of photographs on blog? It's a good way to promote your social channels as well. You would have some visitors who come to the blog through search and may not reach your social channels. This is one of the good ways to expose your social channels through blog.

rupam sarma said...

Not yet, will try. Thank you :)

.

Related Posts Plugin for WordPress, Blogger...