BOOKING NOW FOR JANUARY 2020 - 3 DESIGN SLOTS LEFT!Let's work together
1   16
4   18
4   18
15   62
1   12
3   12
6   38
5   36
7   56
11   35

How to Add Instagram Photos to your Blog Posts

Love instagram and want to show that off on your blog posts? Follow this easy to use tutorial on embedding your instagram photos directly into your blog. It's easy and quick and you'll be able to share your social media on your site!Last week I posted a reflective post of the year, and had a ton of questions asking how I added my instagram photos directly to my blog post so here I am to explain how I figured it out!

Love instagram and want to show that off on your blog posts? Follow this easy to use tutorial on embedding your instagram photos directly into your blog. It's easy and quick and you'll be able to share your social media on your site!
Wanna share your instagram photos? Pin it to save!

I have to admit, I originally was checking out Maria from Kinder Craze and noticed she had added instagram photos. I instantly went on a google searching hunt trying to figure out HOW in the world to do it! Of course, I could not find a single thing on the internet (so sad!) but luckily after some investigating on Instagram.com I figured it out! Woohoo! Here is what you have to do:

Love instagram and want to show that off on your blog posts? Follow this easy to use tutorial on embedding your instagram photos directly into your blog. It's easy and quick and you'll be able to share your social media on your site!

Step 1

Head on over to Instagram.com on your computer. You cannot do this on your phone! Log in using your instagram information and click the icon on the top right to go to your homepage. The URL is usually instagram.com/yourusername.

Love instagram and want to show that off on your blog posts? Follow this easy to use tutorial on embedding your instagram photos directly into your blog. It's easy and quick and you'll be able to share your social media on your site!

Step 2

Choose a photo you want to share, click the picture, it should bring up a window of your photo with the captions and comments you have received. Click the “…” on the bottom right corner of the pop up box. Select “Embed”

Love instagram and want to show that off on your blog posts? Follow this easy to use tutorial on embedding your instagram photos directly into your blog. It's easy and quick and you'll be able to share your social media on your site!

Step 3

Another pop up will happen, decide if you want to include your caption with the image then select the coding in the box. You can either do it with your mouse or press your cursor in the box and press ctrl/command + A on your keyboard. This will select everything in the box. Then press ctrl/command + C on your keyboard to copy the text. I have found that the Copy Embed Code does not work correctly on my computer!!

Love instagram and want to show that off on your blog posts? Follow this easy to use tutorial on embedding your instagram photos directly into your blog. It's easy and quick and you'll be able to share your social media on your site!

Step 4

Head over to blogger and create/edit a new post. Select HTML option on the top left. Your screen size should change when switching over to HTML. Paste the code in the text box by right clicking Paste or press ctrl/command + V.

Love instagram and want to show that off on your blog posts? Follow this easy to use tutorial on embedding your instagram photos directly into your blog. It's easy and quick and you'll be able to share your social media on your site!

Step 5

You should end up with all of this coding! Do not edit, delete or change anything there, it will not work correctly if you do!

Love instagram and want to show that off on your blog posts? Follow this easy to use tutorial on embedding your instagram photos directly into your blog. It's easy and quick and you'll be able to share your social media on your site!

Step 6

If you would like your image to be centered in your post you must add in the code <center> BEFORE and </center> AFTER the text you copied. Make sure if you choose to do this option that the added code is exactly how I have it above. HTML is very temperamental!

Love instagram and want to show that off on your blog posts? Follow this easy to use tutorial on embedding your instagram photos directly into your blog. It's easy and quick and you'll be able to share your social media on your site!

Step 7

Click the Compose button on the top left to toggle back. You will end up seeing a light gray box (this is normal!) and your caption if you have included it.

Love instagram and want to show that off on your blog posts? Follow this easy to use tutorial on embedding your instagram photos directly into your blog. It's easy and quick and you'll be able to share your social media on your site!

At this point you have successfully added a photo from Instagram to your post! If you want to add more than one photo, you will need to do the same thing just leave a space between your code! I’m hopeful that this tutorial will help you add some flair to your posts!

Alexis Porter
Alexis Porter

Hey there, I’m Alexis! I’m a 30 something bubbly and creative teacher turned web designer living in Seattle, Washington. I absolutely love designing unique brands + websites for fellow teacherpreneurs, creatives, small businesses, bloggers, & many more. When I’m not working on all things Laugh Eat Learn, I enjoy cooking, movies, reading (always with caffeine in hand), and organization of literally everything. I’m also a pure perfectionist which makes everything a little more fun!

Find me on: Web | Instagram | Facebook

3 Comments

    • January 6, 2015 / 2:05 AM

      You are more than welcome! πŸ™‚

Leave a Reply

Your email address will not be published. Required fields are marked *

stay connected

Join the newsletter for all the LEL happenings sent directly to your inbox