I mentioned yesterday that I was going to do a quick tutorial on how to imbed an Instagram photo into a post, and today I will deliver on my promise.
Go to your Instagram profile and click on the picture you want to imbed.
Click on the button with 3 dots on it.
Select and copy the embed code.
Go the post in Blogger you want to imbed the Instagram photo into, then click on the "HTML" button.
Once you're in the HTML side of your post, find the spot where you'd like to insert your Instagram photo. For this tutorial, I am going to put it under the first sentence.
This step is optional, but I do this every time because of personal preference. I like having my photos centered within my blog posts, so I need to add a <center> tag before and after the embed code.
THIS IS IMPORTANT! If you are going to add a <center> tag, you must remember to "close" the tag at the end with a /. So, before the imbed code, you'll need <center> and after the imbed code you'll need </center>.
See how much better it looks when it is centered? It's a nice touch, to me anyway. And, you can use <center> tags in your sidebar HTML code too, and it works exactly the same way. It *may* be my OCD, but I like things to be balanced and aligned so this helps SO MUCH!
The nice thing about embedding photos straight from Instagram is two-fold. First, you don't have to save photos to your computer, then upload them into a post. Second, people can click on the picture, and it will take them straight to your IG feed. Its just another way to get your social media presence out there!
What do you think? Easy, right? Let me know if you have any questions or if it doesn't make sense.
INSTAGRAM / FACEBOOK / TWITTER / PINTEREST