[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.
Kendra @ Key Lime Digital Designs
Latest posts by Kendra @ Key Lime Digital Designs (see all)
- How to Add Horizontal Featured Posts in Blogger - April 30, 2013
- Parts of a Blog and Tutorial Roundup - March 12, 2013
- Customize Block Quotes in Blogger - February 14, 2013
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! : )
Dar recently posted..What’s for dinner…
It would help if I could type correctly…*a…NOT “an”
Dar recently posted..What’s for dinner…
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.
McKenzie Guymon recently posted..Girl Loves 5 {first edition}
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!
Lindsay @ Trial By Sapphire recently posted..Whew!
I would love to see some tutorials on utilizing Google Analytics.
Whatever DeeDee Wants recently posted..Terrific Tuesday- Organizing for Educational Fun
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
skye @ neathering our fest recently posted..you have a tribe now what?
I’d love to see more tutorials on sizing pictures, and how to do it and what sizes are good what what templates, etc.
Andrea Worley recently posted..{Our Little Jitterbug} Ava’s Second Birthday Party
I’d love to see a tutorial on drop down menus!
skye @ neathering our fest recently posted..you have a tribe now what?
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
Kari recently posted..Tutorial Tuesday #49
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!
Annie~SavorThisMoment recently posted..What’s for Dinner, March Week 2
Oops! guess I should have read the question before commenting; I also would like tutorials on blog buttons, favicons, etc.
Annie~SavorThisMoment recently posted..What’s for Dinner, March Week 2
Yea! I was wondering if this was possible. Makes posting pictures so much easier! Thanks.
Liz Luscomb recently posted..Preggo Potty Tales
I would love to see on SNAP, a tutorial on how to add a contact section on my blog page.
Liz Luscomb recently posted..Preggo Potty Tales
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!
Jackie recently posted..Detailed Housecleaning Week 4 ~ The Dining Room
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
meg/brassy apple recently posted..Baby Times Stash books GIVEAWAY!
I would love about me image/social media icons!
Meghan recently posted..**Guest Post** Brittany
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!!
taryn recently posted..Top 10 Foods Highest in Iron
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!
Summer (Summer Scraps) recently posted..Freedom Wood Blocks
I would love to figure out how to add a menu bar under m header with limked pictures.
Justine recently posted..40′s Style Work Jumpsuit Made From Dishtowels!!
Great tutorial, thanks Kendra!i would love how to make a menu navigation bar with drop down menus.
Justine recently posted..40′s Style Work Jumpsuit Made From Dishtowels!!
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!
Cindy Jenkins recently posted..I’M GOING TO SNAP!!!
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).
Victoria @obSEUSSed recently posted..Celebrate Poetry Month with Shel Silverstein
Great tutorial Kendra! The sidebar widget looks great. Will add these codes later
Steve Haslam recently posted..The secret to lasting success on Instagram…
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
))
Nestrella recently posted..42 km
Glad you figured out the Instagram installation! Happy blogging! xoxo, Tauni
Thanks so much for this! extremely helpful
kaytee recently posted..Craftistas Kit
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.
Kevin recently posted..Simple Profile,
Thank you SO SO much for posting this (almost a year ago)! I just did it on my site, and it worked perfectly.
Erin@Managing the Manor recently posted..Pretty {and Cheap} Storage for Oil and Vinegar
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!
Taralyn @ Keep Moving Forward With Me recently posted..Learning and connecting online with Familyshare.com