How To Add Instagram Photos in Your Sidebar

[image via BGR]

Hey Friends! Today I am going to show you how to add your instagram photos into your blogger sidebar? Why you ask? Because it happened… I have turned into a bit of an instagram nut! I love the simplicity of “take a picture, adding a cool filter, and posting”.  So awesome right?! Did you know that instagram is considered “microblogging” and that it can be very helpful in creating a “community” of followers for your blog. It allows people to see you and your family, what you are doing/eating/seeing, and you can create “buzz” about projects you are working on! So lets get on with the tutorial ….

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:

Enter you Instagram 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?

If you use this tutorial leave a link to your blog in the comment section so I can come check out your instagrams! And if you want to follow me on instagram  you can find me @ {keylimedigitaldesigns}

Happy Monday! 

 -Kendra