How to add an Instagram widget to your blog (Jan. 2014)

In less then 5 minutes you can add a free Instragram widget to your blog sidebar!  This will allow your readers to see your Instagram photos on your blog.  Every time you post something new on Instagram, that photo will appear on your blog sidebar.  This tutorial will show you step by step on how to do this.

There are a few sites out there that you can use to add your Instagram photos to your blog.
Statigram.ar
Instagme.com
SnapWidget.com
In this tutorial I am using Instagme.com.  I personally like this site because when someone clicks on your Instagram picture on your blog, it will direct them to a page where they can follow you on Instagram directly! You can see an example on our blog 2 Moms Talk.

1.  Go to Instagme.com and fill in your Instagram info.  You can play around with the different options and see if you would like a slideshow or grid.  You can adjust the width and how many rows of pictures you want.  Then you can preview it to make sure you like the layout that will appear on your blog sidebar.  When you like your layout click ‘Get Code’.

2. Copy the code and log onto your blog.

3.  Once you are logged onto your blog, go to your ‘layout’ page.  Click on ‘Add a Gadget’. 

4.Choose the plus sign next to Html/JavaScript.  This is the box that you want to paste your code in from Intagme.  Save and view your blog!

This is the finished look on my blog with the Instagram feed!

2 Comments

  1. Hi! I’m not sure where to ask for help, so I picked the most recent feed I saw.

    I used your “Stay Awhile” template on my blog, and although I followed all of the instructions, a previous background is showing up instead of the grey that is show in your template. I have no other HTML that might cause this, and I don’t want to mess up your great work! Do you have any advice?

    • Hello!
      You’ll need to remove the previous background from your blog. You’ll have to go into the backend and find the code that you put on for the other background, and delete it. Then you will be able to see the full template. :)

      Thanks!

      Ashley TCBOTB

Leave a Reply

Your email address will not be published. Required fields are marked *

*


*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>