Do you want to learn how to add an Instagram feed to your blog? It's really, really easy. I did a Google search (read this blog post) and looked at Vintage Gwen's feed and found SnapWidget. It's free and there are several of options to customize how your feed is displayed.
First go to SnapWidget's website.
Fill out your information.
Username: that's your Instagram username (i.e. takingtimetocreate)
Hashtag: you could also do a feed of pictures that people have tagged with a certain phrase
Slideshow: choose yes if you want your feed to look something like mine but choose no if you just want still pictures; if you choose no you'll probably want to display more than one picture at a time.
Thumbnail size: this is the size of the picture(s).
- To determine what thumbnail size you should choose follow these steps:
- Find out what size your sidebar is (if that's where you're putting the feed)
- In Blogger you can find the size by going to Template>Customize>Adjust Widths
- Choose a size that is smaller that will allow the feed to fit inside your sidebar. If you're going to allow padding and a photo border, be sure to allow for that in your size. My sidebar is set at 310 px, so I chose 275 px as my thumbnail size.
Photo Border: choose yes or no
Background Color: I think this one is pretty self explanatory. I just left it blank, so it would be transparent.
Photo padding: this is the amount of space between each photo; it's most useful if you're displaying more than one photo at a time.
Hover Effect: effect applied when someone hovers over a photo
Here's a look at how I filled out mine (can you see it? I know it's a little light):
You can select "Preview" at the bottom to make sure everything looks ok. Then, close that window and click on "Get Code". Select and copy the code in the new window that pops up.
Now we're almost done! Head over to Blogger>Layout. Click to "Add a Gadget" and choose the "HTML/Javascript" gadget (you'll have to scroll down a little to find it).
Choose a title (or leave it blank). Paste the code in the "Content" box and click "Save".
Drag the "Intagram" box until it's where you want it in your layout.
Preview the layout if you'd like. Click "Save Arrangement" and then view your blog to make sure it looks right.
That's all folks! I hope these instructions are easy to understand, but if you have ANY questions, please don't hesitate to ask. I'll do my best to help!
If you've joined Instagram, I'd love to follow you. Just let me know where I can find you (in the comments or you can send an email to takingtimetocreate@gmail.com) You can find me here: @takingtimeinthecity. It's just so much fun!
I'm linking at these great parties:
Mondays: Sweet Sharing Monday * The Girl Creative * Destination: Cutesy Monday * What's In The Gunny Sack * Etcetorize * Made by you Monday*Make It Yourself Monday*
Tuesdays: Riverton Housewives Roundup * Show Me What You Got * Tuesday Time Out * Tasteful Tuesdays *
Wednesdays: Super Link Party * Show & Share * {Wow Me} Wednesday *From Dream To Reality*Create & Share*What I Whipped Up Wednesday*What We Wore & Made Wednesday*The Creative Spark Wednesdays*
Thursday: Pin'Inspirational Thursday * Recipe Roundup *A Crafty Soiriee * Creative Thursday *Taylor House Thursday*Transformation Thursday*Hookin Up With HoH*Creative Juice Thursday*Live Laugh Linky Thursday* Link Party Thursday*
Fridays: Delicately Constructed Fridays * Flaunt It Friday * Financial Friday Link Up *Friday Fun Party* Friday Flair*Pity Party*Frugal Friday*Friday Favorites*Weekend Craft Soiree*
Saturdays: Strut Your Stuff Saturday * Once Upon A Weekend * Sharing Saturday * Dare To Share Saturday * Craft, Create and Inspire *
Sundays: Nifty Thrifty Sunday * It's Overflowing Sunday Party * Cooking & Crafts Party
ooooo.. I'll have to do this later. I just made an about me page, fixed, my icons and fixed my features page. I'm tired today but tomorrow. I'll do this.
ReplyDeleteHow funny! I just scheduled a post for tomorrow with a link to the widget! Nice! I think I will add in your tutorial too! ;) Thanks for sharing at Trendy Treehouse.
ReplyDeleteGreat tutorial!
ReplyDeleteThanks for sharing with my Super Link Party! :-)
wow! Perfect tutorial! Thanks for linking up to Tasteful Tuesday. Makes me wish I had an I-phone :O)
ReplyDeleteThank you! Have to do this in a little while! =)
ReplyDeleteWow! Thought you had to be a professional to do this! Pinned it!
ReplyDeleteThank for the tutorial. I've already added it!
ReplyDeleteThanks so much for the tutorial! I just added it to my blog :)
ReplyDeleteI'm glad it was helpful!
DeleteErin,
ReplyDeleteGreat tutorial! I can't wait to add this to my blog. Thanks so much for sharing at Creative Thursday this week. Have a wonderful weekend.
Michelle
Thank you so much I have been looking for away to do this.
ReplyDeleteThank you so much for posting this! I had been thinking of how nice it would be to share my instagram photos on my blog & now I can!
ReplyDeleteYou're so welcome! Glad I could help. :-)
DeleteGreat tip! I will do that!
ReplyDeleteThanks for sharing this at The DIY Dreamer.. From Dream To Reality! Looking forward to seeing what you link up this evening :)
Great tip! I may have to do this now. Thanks so much for sharing on Marvelous Mondays! :)
ReplyDeleteJulie
this is awesome! thank you so much, you made it so easy to follow!
ReplyDeleteThank you for this post!!! I've been trying to figure out how to add an instagram widget for a few weeks! Your quick tutorial made it so easy!! Thanks =)
ReplyDeleteYou're so welcome! I'm glad it helped. Thanks for stopping by!
DeleteThis post helped me out a lot! Thank you sooo much! :o)
ReplyDeleteSo glad I found this on Pinterest! Thanks!!
ReplyDeleteThank you for the information! This was wonderful. I followed your steps and now I have instagram on my blog too.
ReplyDeleteI'm so glad it was helpful!
DeleteHi Erin
ReplyDeleteHow nice to find you!
I've just started a blog on blogger and am a total beginner! Ive followed your steps and IG is not showing on my page. In fact I have NOTHING in my sidebar
When you find a spare minute do you think you might help?
I'm going to find you on instagram now
(MY blog is LIttle Golden Nook)
Sandra
IG Littlegoldenbook
Thanks again, I've persisted and thanks to your post I have linked instagram etc. I was using the wrong template. :)
ReplyDeleteThanks so much for this help! I've been meaning to do it on my blog for ages, you're a star :)
ReplyDeleteIbbs
x x
http://lalangostaymi.blogpsot.com
So glad I could help!
DeleteTHANKS SO MUCH!!!
ReplyDeleteJust found this on Pinterest and did it in 2 minutes. It is usually never that easy! Thanks for the detailed instructions!
ReplyDeleteThanks so much for this! I'm new to instagramming but I love it :)
ReplyDeleteThis is really good!
ReplyDeletemariamhashemi.blogspot.com
Question...I am trying to add my instagram to my blog and when I go to snapwidget and preview it, it pops up sorry can not load. I have searched the website to see what might of happened but no such luck. I am consider myself pretty tech savvy so not sure how I can fix this. Do you know what might be wrong? Thanks so much. I love your site and so glad there are directions out there for us!
ReplyDeleteHi Maria!
DeleteMy only guess is that maybe something in the SnapWidget form isn't quite filled out right. Check your username in particular. I hope that helps and that you see this reply. Feel free to email me directly at takingtimetocreate@gmail.com if you still don't have any luck. Thanks for visiting!
Erin
This was really helpful, thank you so much for putting this post together, it helped me a lot. :)
ReplyDeleteLou
www.thekeypieces.co.uk
So glad to help!
DeleteAwesome! Thank you so much!!!! Great tutorial and very easy to follow :)
ReplyDeleteYou're very welcome!
DeleteThis was very helpful! Thank you :)
ReplyDeleteYou're so welcome, Amber!
DeleteThanks for the tips!. Just added one :)
ReplyDeleteAwesome!
DeleteWow it's really work for my page, thank you! :D
ReplyDeletewww.mygnails.blogspot.com
No problem!
DeleteI dont understand why it wont show my latest instagram posts on my blog :(
ReplyDeleteI just checked your blog, and it looks like it's working. Hopefully it stays that way!
DeleteThis is a great explanation! Thank you so much :)
ReplyDeleteEven I were successful hehe
Check out my blog if you like :)
This was extremely helpful, thank you very much :)
ReplyDeletethanks so much for the tutorial - success!! :)
ReplyDeletexoxo
I simply never thought of doing this. Thank you!
ReplyDeleteExactly what I was looking for, thanks!
ReplyDeleteI'm on instagram @sherileec
Thank you so much for this!
ReplyDeleteExactly what I was looking for, great walkthrough!
fashionisherboyfriend.blogspot.com
xo, Amanda
Found this via Pinterest--thank you so much for creating this easy tutorial--I did it and it couldn't have been easier! THANK YOU!
ReplyDeleteFollow me at @crazyloucreations
Thanks again,
Cindy
Thanks! I am now able to add Instagram on my blog!
ReplyDeleteWhat a wonderful blog!! This post was so helpful and informative. I let my readers know that I joined Instagram and I will post a link to this page so they can come and read this post if they want the widget. Thanks for the help
ReplyDeletehttp://diaryofatrendaholic.blogspot.ca/
Erin, How did you add the buttons/links labeled "Connect with Me" (Twitter, FB, and Pinterest)? Also, how did you add the little "pin it" links to all your photos? I haven't updated my blog in like two years and so much has changed, It's overwhelming! Any help would be appreciated. Thanks.
ReplyDeleteUgh so helpful!! Thank you so much for this post! I'm @jklyles and my blog is http://jenniferlyles.blogspot.com/
ReplyDeleteThank you!! This was so helpful! :)
ReplyDeleteThanks!! That really was simple with your easy to follow instructions!! Love it!! x
ReplyDeleteThank you So much! You just made this take 5 minutes instead of an hour! You are awesome! My Instagram is jensclayroomtemecula
ReplyDeleteThank you sooooo much!!! you made it so easy to do! Love it!!! maybe if you have time you can check it out on my blog! :) http://marinewifeblog.blogspot.com/
ReplyDeletethanks :D really help me a LOT :)
ReplyDeleteThank you so much! You made it so easy to follow!x
ReplyDeleteThanks! This is such an awesome little touch to my blog!
ReplyDeleteThis was so helpful! thank you thankyou
ReplyDeleteThis helped me a lot! thank you so much! x
ReplyDeleteThank you!!! :)
ReplyDeletethank you for this post!!! =) I just add it to my beauty blog =)
ReplyDeleteThank you so much, super easy with your help!!
ReplyDeletethx! nice share..
ReplyDeletei just found this tutorial, and it worked. except i was wondering if there was a way to make it link to my Instagram account. I've see some blogs with an IG feed where if you click it, it links you to their IG account but this doesn't do that. any ideas?
ReplyDeleteThank you so much for this! I know you said you don't use this blog anymore but, still! Thanks!
ReplyDeleteAlso, we have the same social media icon set. ;]
Thank you for this! Does it update automatically? I can't see that mine has added the new photos. I chose grid. you can follow me if you like @sailorcalypso on instagram and twitter
ReplyDeleteIt should update automatically. I'm heading over to find you on Instagram now!
DeleteWorked perfectly! Thank you!
ReplyDeleteThank you so much !!!!!!!
ReplyDeletexx, Victoria
itisVictoria.blogspot.ca
Thanks!
ReplyDeleteHttp://www.fashionmamaaquarius.com
Great post!
ReplyDeleteLove Stacey from www.paintedlips.co.nz xx
Thank you so much... I saw the Instagram feed on another blog and thought, wow, that is cool, I need to figure out how to do that! Such a helpful article! :) http://momriches.blogspot.ca/
ReplyDelete