Blogger How-To: Adding An Instagram Widget To Your Blog | Anchors Aweigh

Pages

Blogger How-To: Adding An Instagram Widget To Your Blog

I recently redesigned my blog, and one of the features I was excited about adding was a rotating Instagram widget. I love pictures and Instagram is easily my favorite form of social media, so I thought it would be fun to show some of those Instagram photos on my blog. 

I didn't have a clue how to do this, but thanks to a little Googling (how did we survive pre-Google?), I realized it really is quite simple. I thought I would share a step by step tutorial in case any of you fellow bloggers out there are interested in doing the same! 

Here we go...

First of all, what exactly is an Instagram widget? Well, it's this.


I chose a slideshow widget, which means it rotates through pictures on my Instagram feed every few seconds. You also have the option to showcase your pictures in a grid, whereby it will display several pictures at one time. It's up to your personal preference. Either way, it will only take a couple of minutes, so let's get started.

1. Go to http://www.intagme.com/.
2. For the first three entries, enter your Instagram username, leave the hashtag field blank unless you have a specific hashtag you use regularly, and select either slideshow or grid. Slideshow will give you the rotating effect (like I have). Grid will display multiple images at one time.
3. Select your thumbnail size. You want it slightly smaller than the width of your sidebar.
4. Select whether or not you want a photo border around each picture.
5. Select a background color if you wish- I left mine transparent.
6. Preview your settings. If you like what you see, click "Get Code".
7. Copy the code. Then, go into your layout tab (Design-->Layout) in blogger and add an HTML/Javascript gadget. Paste the code into the gadget.
8. Preview your new page layout. If you like what you see, click "Save Arrangement".

The widget will update each time you add a photo to Instagram, so once you paste the code initially, you are done. Feel free to let me know if you have any questions!


7 comments :

Sydney @ Raising Southern Grace said...

awesome to know-thanks girl.

Jen said...

I love stuff like this, thanks for sharing! Oh and I love your redesign!

Lisa C said...

Ooh, I definitely need to do this!

Amy said...

i just recently did this - soooo much easier for people to pin images!
i would always hunt for the "pin button" over pictures when i found a post i really liked and was frustrated when i couldn't find it ;) that's when i knew i needed to do the same haha

Bailey Kay said...

So I was able to add my IG feed... but it doesn't have it labeled as Instagram or have my username. Advice?

Mia @ The Chronicles of Chaos said...

Ahhhh, this is awesome, I have always wondered how to do that! :) Thanks so much for sharing with us.

Alia said...

So awesome! Thanks for sharing!

LinkWithin

Related Posts Plugin for WordPress, Blogger...