Connect Instagram And Your Blog With Photo Gallery And Follow Gadgets


Cool Instagram LogoFlicker is the most popular photo sharing website for people looking to showcase their photography online.Instagram is currently winning the race to be the top app for sharing your Mobile images and photos.We have previously looked at ways to share your flickr photo stream on your blog, in this post it's the turn of Instagram.I have looked for the best way for you to display your Instagram photos on your blog with a sidebar widget.Also we have a neat Follow on Instagram button to help you get more Instagram followers.

So if your a 'Instagrammer' this is the one for you.

Both these Instagram widgets are added to the sidebar of your blog so first are the codes for the gadgets and below that are our videos on how to add gadgets to the sidebar on Wordpress and Blogger.

Follow On Instagram Button

Button :

Code :

<iframe src="" style="height:27px;" frameborder="0"></iframe>

Note : Replace UserName with your Instagram Username.

Instagram Photo Gallery Gadget

Gallery :
(The gallery below is using webstagram's stream)

Code :

<iframe src="" allowtransparency="true" frameborder="0" scrolling="no" style="border:none;overflow:hidden;width:230px; height: 345px" ></iframe> <!-- Webstagram - -->

Note : There are a few things we can change here but first you have to imput your Username were highlighted in yellow in the code.

Background color : The current background color is white/#FFFFFF (Highlighted in blue).You can change this to suit your blog by changing #FFFFFF with the color you want.

Size : Finally the size is highlighted in green 230px wide 345px high change this to resize the gadget.

Add Gadgets To The Sidebar Wordpress And Blogger

Blogger :

Step 1. In The New Blogger Dashboard Click The Drop Down For Your Blog > Choose Layout > Click Add A Gadget > Choose HTML/Javascript > Paste In The Code as shown in the video below :

Wordpress :

In Your Wordpress Dashboard Click 'Apperance' > 'Widgets' > Add A text Widget to your sidebar and paste in the code as shown in the video below :

That's it your blog viewers can now connect with your and see your latest photos on Instagram.

Drop your comments and questions below.

AuthorAuthor - is the owner and main author of Spice Up Your Blog.Paul lives in Ireland, has been blogging since 2006 and writing Spice Up Your Blog since 2009.You can find him in the usual social networks.

Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative

If You Enjoyed This Post Please Take 5 Seconds To Share It.


  1. Nice Article, Paul. Well, i have not much used Instagram and not much heard about it from my blogging friends, what do you think how is it performing for goodness of Blogs.

    With Regards

  2. Thanks Paul, Instagram is a creative approach in blogging era.not too many bloggers using it perhaps they are unaware of its power.even neil patel of kissmetrics metioned about it.thanks for sharing.

  3. Thank you! Finally I got something that's working. =)


Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.

Hire Us