My personal blog, MomAndWife.com, is using the Adorable theme. With the increase in popularity of Instagram usage I thought it would be fun to really showcase my photos. I installed the InstaPress plugin, added a little style to it through the Adorable theme’s CSS and voila 
Add this to your style.css file
.instagram-image {
background-color: #fff;
margin: 0 10px 10px 0px !important;;
padding: 10px !important;
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
text-align: center !important;
}
If you’re using the Adorable theme, you’ll then drag the InstaPress widget into your “Featured Top Full Width” widget area. I’m using the Alternate Home Page from the Adorable theme and this is what my widget area looks like..
These settings give you this
more instagram fun
If you would like to add a little style or text to your instagrams check out my post at momandwife.com: The Best Photo Apps For Framing Your Instagram
*NOTE: You can also use this code with Modern Blogger, it is not specific to any theme. You will just want to adjust the size of your Instagrams in the widget settings until they fit within the parameters of your widget area.
July 31, 2012 at 5:52 pm
Hey Lindsey, thank you for the tutorial!
I’ve been thinking about switching over to Adorable so this came at a great time!
Question – does it matter where in the CSS file I add this code? Do it just add it to the end or is there a specific place it should sit?
Thank you!
July 31, 2012 at 5:54 pm
It does not matter, however, I recommend adding it at the end so you can easily find it
July 31, 2012 at 5:58 pm
Awesome! I wonder if there’s something similar for Pinterest–that would be awesome!
July 31, 2012 at 6:04 pm
Thank you, Chris! Oh Pinterest, I’m obsessed
This actually looks pretty similar: http://wordpress.org/extend/plugins/pinterest-rss-widget/
July 31, 2012 at 5:59 pm
Hey Lindsey!
I love this, and have been hoping that you would come out with an instagram widget!
Will you be creating one for the Modern Blogger theme?
July 31, 2012 at 6:00 pm
I mean a CSS style code for the InstaPress widget!!
July 31, 2012 at 6:05 pm
You can actually use this with Modern Blogger as well
Just adjust the size of your instagrams within the widget settings. For example, above I have mine at 145px.
July 31, 2012 at 6:01 pm
Another masterpiece!! Definitely thinking about adding it for my portfolio
July 31, 2012 at 6:06 pm
Thank you, Shanae
July 31, 2012 at 9:56 pm
I am going to do this for sure. Thank you for sharing with us!
August 1, 2012 at 1:22 pm
Wonderful, no problem!
September 21, 2012 at 11:06 am
Can this be put into the sidebar as well? My weekend project is to get this widget and the pinterest widget WORKING on my blog.
thanks for all your great tutorials!
September 22, 2012 at 1:22 pm
You sure can, you will just want to adjust the amount of thumbnails and their size accordingly. With the adorable theme the max width for the sidebar is 300px
September 22, 2012 at 3:01 pm
Is there an extra bit of code I need to center the images in my sidebar? It’s hugging the left site of the side bar… (but HEY! I installed both the plugins AND edited the CSS and didn’t break my blog. #Success)
September 22, 2012 at 3:05 pm
Yay! Awesome job! I believe if you just shrink the images a bit more it should center itself.
September 22, 2012 at 3:09 pm
I’m using the same size as the pinterest widget and it still won’t center. weird.
September 22, 2012 at 3:24 pm
nevermind… i changed the css a little and figured it out. (I’m still in shock) LOL.
November 28, 2012 at 8:20 pm
This is awesome! Thank you for sharing this Lindsey! Hugs!
December 3, 2012 at 10:21 am
Of course!
December 16, 2012 at 8:44 am
Thanks Lindsey! Did this for my new blog!
February 14, 2013 at 2:28 pm
Great instructions you’ve provided Lindsey! Thanks!
I also wanted to share with you and your readers 1 other tool you may find useful. It’s called Tint, and we let you display any instagram feed into your website, WordPress, Facebook Page, etc.
You can display your own Instagram feed, other brand’s instagram feed, and even instagram hashtags in a matter of minutes. Visitors can share your photos to their social networks and you can even show different themes with flexible columns.
Feel free to check it out for more information: http://www.tintup.com/blog/the-best-instagram-widget/
Thanks,
Tim