[Instagram logo and paper clipped photos from the Instagram website]
Instagram has gone wildly lately! Particularly after it was released for Android phones earlier this week.
I love following friends on Instagram and if I had more than an old flip phone without internet I would be all about it! This tutorial is for you lucky ducks who get to use Instagram!
There are several good plugins for WordPress users that will display your recent Instagram photos in your blog sidebar. Blogger users are not quiet as lucky. The only way to automatically insert your Instagram photos in your Blogger sidebar is through the Snap Widget.
Here is a quick overview of how to add your latest instagram photos to your sidebar.
Click over to the Snap Widget page. The Snap Widget is really easy to use. Fill in the information [username and thumbnail size] and click “Get Code.” The Snap Widget will give you a piece of HTML that you will paste into a new “HTML/Java Script” gadget in your sidebar! Piece of Cake!
How to add Instagram to Blogger
1. Click over to the Snap Widget Page. Scroll down to the bottom of the page. It will look like this.
Fill out the form:
Username.
Choose your thumbnail size: Most sidebar are between 200 -300px so if you want 2 photos side by side I would probably choose 100px or 150px for the thumbnail size. It all just depends on what you want.
Layout: Is the number of rows and columns you want.
Styling: You can choose to have a border or no border and also choose the background color.
Photo Padding: Padding is the space that will be in between your photos. I think 5px is perfect!
Once you have filled out the form you can click PREVIEW and see if you like what you see! Here is what the preview will look like…
Once you like what you see in the preview click “GET CODE”. You will see a screen pop up that looks like this …
Copy the code. Login to your blog dashboard. Click on Layout and the click on “Add a Gadget”.
Choose the “HTML/JavaScript” widget. Click the little plus sign.
Then paste your Snap Widget Code and click SAVE.
Ta-da! Easy right?
Looking for more Blogger tutorials? Pop over. I’ve rounded up more than 10 great Blogger tutorials, plus some good general posts that might help you out!
Giveaway
Since SNAP! is all about improving your blog, today’s post includes a fun giveaway! Join conference attendees in entering to win one custom redesign on Blogger from SNAP! contributor Key Lime Digital Designs.
// <![CDATA[
/*{literal}{/literal}*/
// ]]>
a Rafflecopter giveaway
<a href=”http://rafl.es/enable-js”>You need javascript enabled to see this giveaway</a>.
- Odds of winning are based on number of entries.
- Winner chosen at random using Raffelcopter.
- This giveaway begins: 4/17/2012 and ends 4/21/2012
- You must be a 18 years or older to be eligible to win.
- Prize will be provided by the sponsor at the earliest available appointment date and SNAP! assumes no responsibility for the value of or delivery of aforementioned prize.
Snap
Editor at Tauni Everett
- One Word Goal: The Celebration Shoppe
- One Word Goal: 30 Minute Crafts
- Updated! – How to Embed a Pinterest Board on Your Blog
- How to Offer A Free Printable On Your Blog
- Customize Block Quotes in Blogger
- How To Make an Image Slider in Blogger
- Make Your Blog a .COM
- A Beginners Guide to Blogger’s Template Designer
I’d love to see a post on how to create and add buttons for facebook, pinterest, twitter, etc to your sidebar in a row like the ones on here look.
Would love an blog update! : )
It would help if I could type correctly…*a…NOT “an”
I’d love to see the “how to create a button grab box code” tutorial. I know, sounds easy enough but I have no idea and when I try, I fail miserably. Thanks for good bloggy friends who make my grab code for me!
I want to know how to make buttons on the sidebar look neat and pretty.
I’d love to see a tutorial on how to auto-rotate sidebar ads. I’ve tried to follow a tutorial I found, but for the life of me, I can’t get it right!
I would love to see some tutorials on utilizing Google Analytics.
This might be cheating a bit… but there is a great tutorial here!
http://www.poofycheeks.com/2012/03/blog-help-google-analytics-tutorial.html
I’d love to see more tutorials on sizing pictures, and how to do it and what sizes are good what what templates, etc.
I’d love to see a tutorial on drop down menus! 🙂
I’m sure most people already know how to do this-but I would love to learn how to put ad banners at the top of my page-I can’t seem to figure that out!
Kari
Thanks so much! I just put it up on my blog
I’d like to see how to make a title really grab someone’s attention.
You have the best tutorials! Thanks for sharing your knowledge!
Oops! guess I should have read the question before commenting; I also would like tutorials on blog buttons, favicons, etc.
Yea! I was wondering if this was possible. Makes posting pictures so much easier! Thanks. 😉
I would love to see on SNAP, a tutorial on how to add a contact section on my blog page.
I would love a tutorial on how to get the little matching Pinterest, Facebook, Email, Twitter, etc…buttons on the sidebar of my blog. 🙂
Great giveaway!
tutorial idea – how about 5 conferences to attend or twitter chats to get in on to help take your blog/biz to the next level. You know stuff that is worth the time/money 🙂
I would love about me image/social media icons!
At the top of my blog to do list is to make my pages not static. For the life of me I can not figure out how to make the different pages active archives of blog posts. Does that make sense? For example, an post that I write about apples would automatically be archived with a thumb nail picture on the fruit page.
Thank you!!
Is there a such thing as a tutorial on how to get more blog followers???
I would love a tutorial on how to create your own social media icons.
So cool. Thank you.
I would like to learn more about the best way to make badges. Great giveaway… love Key Lime Digital!
AJ@queenofmynest
This is so awesome! I just added it. i think learning how to do a drop down menu would be awesome!
I would love to figure out how to add a menu bar under m header with limked pictures.
Great tutorial, thanks Kendra!i would love how to make a menu navigation bar with drop down menus.
Thank you for the tutorial!! I would love to learn about adding special fonts to the blog.
I would love to see matching buttons for Facebook, Pinterest, Twitter, Contact me that look nice and pretty!
I’d love to see a tutorial about the “Pin This” button for blogger!
I really want to learn how to add the cool FB, Twitter, Pinterest, RSS, etc, buttons on my blog. Thanks! 🙂
How about a post featuring the best & worst ways to add music to your blog – tunes or no tunes? That is the question.
No tunes. Hands down.
xoxo
Tauni
I’d love to understand how to use Google Adsense from the back end – how to select types of ads to be run. I’d also love to know more about the pin-it button. How to make it show up on old posts with the counter on it without having to manually go into each post to do it (if that is possible).
Great tutorial Kendra! The sidebar widget looks great. Will add these codes later 😀
THANK YOU for this tutorial!!!!!!!!! SO helpful!
how come it’s not showing on mine? my INstagram account is public though…
I stopped by your site. It looks like you figured out how to install Instagram. A link back to the tutorial you used would be nice 🙂
I dont see the HTML/Java Script option. ):
Thank you sooo much for this post!!! Without you I would have been struggling with this problem 2 days long :-)))
Glad you figured out the Instagram installation! Happy blogging! xoxo, Tauni
Thanks so much for this! extremely helpful
Thank you so much for sharing this. I love instagram!
Staci, Isn’t Instagram great?! I love it. Since I use it a bit more personally, I am not quite ready to post it on the blog, but it sure is fun. xoxo, Tauni
I wish I could get this to work as it’s one of the nicest instagram widgets I’ve seen and would fit better with my blog image haha. Oh well! thank you for the tutorial!
A real big thank you from the heart! This was so helpful!
Glad it worked Dani!
Thank you, thank you !!!
Awesome piece of info!
won’t be long before i update my page with this!….nice one.
keep up the good work!
Thanks Adrian! Instagram is such a fun tool. xoxo, Tauni
Thanks this was very useful. i have now added instagram to my blog… http://www.ashlylondon.blogspot.com xxx
I added the instush gallery. its on http://www.instush.com
Thank you!! It was so easy and fast to get my pictures up using this tool!
You’re so welcome Katie! Hope you’re having a great holiday weekend! xoxo, Tauni
Thank you so much Kendra for this easy step-by-step guide! I love your blog’s template too! 🙂 Keep up the great work! X
Thanks this was so easy and looks great!
Glad you were able to use the tutorial! Hope you’re having a great holiday season.
Thank you very much, Good Post 😀
Simple Tutorial will make our blog is better, thanks.
Thank you SO SO much for posting this (almost a year ago)! I just did it on my site, and it worked perfectly.
I tried few times and doesn’t work on my blog. Any help?
this was the most helpful post I’ve seen yet.
thanks a lot !
xX
Thank you for this! It works all the time…..it’s easy and not complicated. I love it! Thanks again…..
Glad you liked the tutorial. Thanks for leaving a note! –Tauni
Does this widget update the photos as you add them to instagram or do I have to go back in and do it manually?
Christina, the widget uploads your Instagram feed live. Good luck! –Tauni
IT WORKS! yayy! Thank you so much 🙂
Thank you for the tutorial!
Thank you very much for this post! 🙂
Virna
Thank you, we’ve now added this to our site http://www.foodformass.com – a fitness recipe and nutrition based website 🙂
Awesome Luke! I will stop by and check out your site. I started a healthy eating plan just last month! xoxo, Tauni
Thanks so much for sharing.
I hope it will support hashtags some days too 🙂
Have a nice weekend!!
Hi, I’d like to know how to add an instagram link on blogger that isn’t the regular icon logo, but a circular version of my instagram’s profile pic. Pls help. Thank you!!! <3
Sorry Millie. I am not familiar with an easy way to do this on Blogger. Good luck! –Tauni
So helpful 🙂
Hi Evlyne, Glad this tutorial worked for you! xoxo Tauni
Thank you so much!! This was a great tutorial!!
Glad the tutorial worked well for you! Happy Instagramming. xoxo Tauni
my JavaScript button doesnt seem to work 🙁
Thank you for making this so easy! I literally had this up and running on my blog in less than 5 minutes.
Fantastic! Glad it worked for you. xoxo Tauni
Thank you so much! I have been trying to figure this out for months!
Yay Jill! Glad we helped to get you taken care of. Happy gramming! xoxo Tauni
Thank you, that was very, very easy:)!
You’re so welcome Heather! xoxo Tauni
it doesnt work at my blog. there is just a big space. it tried it again and again but it still doesnt work. I need help 🙁
Irina, I am sorry this didn’t work for you. It sounds like there is an error in the code on your site. I’d recommend you work with someone you trust who can help you with the CSS. Good luck! Tauni
Thanks for the tutorial!