Bloggy Help:

 photo socialmedia_zps413c1040.png  photo helpdeskbutton_zpsb16b6c42.png  photo instagram_zps73b3c07a.png  photo header_zps97df3d3e.png  photo needamakeover_zps6d19d8a9.png

How To Add An Instagram Widget To Your Blog - Updated

Add Instagram Widget To Your Blogger Blog


Even if you don't have an iPhone or Android you still wish you could use Instagram, right? Hopefully one day that time will come... If you're a lucky Instagrammer and you want to show off your awesome daily pics on your blog - you can do it! It's simple to install...it's just an HTML widget in your sidebar!

Thanks to SnapWidget.com you can show off Instagram anytime!  Plus, it's freakin' FREE!!!! Woot! Of course, there is a Pro version, but try this first. Click on SnapWidget to get started.

For this tutorial I borrowed the Username of The Nautical Wife...since we don't have our own Instagram account yet. So if you want to feature a few photos of a close friend or someone you're stalking you can add their account too!



After clicking "Get Your Free Widget" from SnapWidget fill in the above info. Changing the Layout here will change how many rows and columns of photos that show.

This is a sample of the code box you'll get (do not use code shown, it is a sample!)...copy and paste into an HTML widget on your blog's layout as shown in the photo below:


The actual widget is show below (you don't have to fill in title...unless is demands it, you can add </p> to make a place holder)
Paste the code from Snap Widget there and click save.
Don't forget to click Save Arrangement in your Layout when you are happy with the placement of your widget, which you can drag and drop till your heart is content.


Your final product will look something like this...

Have fun sharing Instagram with your bloggy friends! Do you have another way to share your Instagrams? Let us know about it! Pick up some more Instagram Tips and Tricks at Her New Leaf too!

If you have any troubles adding to your Blogger blog try this:
Refresh Your Page
Update Your Browser
Make sure you pasted ALL the code
Make sure you clicked SAVE

107 comments:

  1. Thank you for the tip! I followed it exactly! -Jessica L

    ReplyDelete
    Replies
    1. HELP! I'm trying to add instagram to the SPUN theme on wordpress and nothing is working! Can you help?!

      Delete
  2. Just FYI, Instagram is available on Android now! I'm just starting out but I'm totally saving this post for once I get my skillz in order. :)

    ReplyDelete
    Replies
    1. Thanks Q! I did know that but completely forgot to mention it! Have fun!

      Delete
  3. This comment has been removed by a blog administrator.

    ReplyDelete
  4. Hi, starting up a blog, and for some reason I do not have the blof elements tab? Help? Thanks! :)

    ReplyDelete
    Replies
    1. Hi Emily! Send me an email at sarah@blogguidebook.com and we can figure this out. I also need your blog URL/address.
      Did you know you have "no-reply" when you leave a comment? You may want to change that by checking out my post about Commenting. Hope to hear from you soon!

      Delete
  5. The first Instagram widget BAdgePLZ.com was developed in Feb 2011. Now more than 140 000 blogs already use it. Use BadgePLZ.com Instagram widget too.

    ReplyDelete
  6. This comment has been removed by a blog administrator.

    ReplyDelete
  7. Thank you for the tip! It works great, except I am not sure how this can be done with Wordpress? Any advice? All my "Widgets" are standard and doesn't appear to give me the option to add the code.

    ReplyDelete
    Replies
    1. Here's an article from last year that I found about Wordpress options: http://wpmu.org/10-instagram-plugins-for-wordpress/

      Delete
  8. This comment has been removed by a blog administrator.

    ReplyDelete
  9. Fantastic instructions Sarah!

    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 (great for campaigns) 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

    ReplyDelete
  10. This comment has been removed by a blog administrator.

    ReplyDelete
  11. Thank you for this most helpful post Sarah!

    ReplyDelete
  12. Thank you for sharing this. I needed it desperately but it won't work for some reason. It's saying, "Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The markup in the document following the root element must be well-formed.
    Error 500". What do I need to do? My email is tollercortne@gmail.com. Thanks again.

    ReplyDelete
    Replies
    1. Hmmm...good question. Try refreshing your browser and logging in again. You can always contact Blogger Help and see if they're just having a glitch that day.

      Delete
  13. Thank you for simplifying this! A huge help :)

    ReplyDelete
  14. Hi. Thanks for a great blog :) I did just as you described and it went good un till the photos didn't show on the site. Can you help explain why this might be?

    Thanks

    Trine

    www.foodbyfaber.com (sorry, its in danish, but I'm sure you understand the meaning)

    ReplyDelete
  15. Hi Trine, it should work. You might just check your code and make sure something didn't get left behind, like a closing tag or something. What is your Instram url? I'll send you the code.

    ReplyDelete
    Replies
    1. Sorry to ask, but I'm all new with this - how do I find the Instram url?

      Delete
  16. Finally. such an easy way to add my instagram feed. THank you so much!

    ReplyDelete
  17. This was so easy! Thanks for the step by step guide for the newbies to the blog world!!!!! :-) THANKS SO MUCH!

    ReplyDelete
  18. Thanks!!!!! Can I do something like this with Twitter and show my most recent tweets on my blog too?

    ReplyDelete
  19. Thank you so much!! this is awesome! Xx

    ReplyDelete
  20. This didn't work for me. This is the message I got:
    Your HTML cannot be accepted: PHP, ASP, and other server-side scripting is not allowed
    I'm on Blogger....any idea why that would happen?

    ReplyDelete
  21. This comment has been removed by the author.

    ReplyDelete
  22. This comment has been removed by the author.

    ReplyDelete
  23. I jump through some hoops to get the instagram buy instagram followers cheap review photos to look how I want them :o) I put them into a 4 square photo in Pic Stitch,

    ReplyDelete
  24. Oh my, I have been trying to get this done for abut 4 days now! LOL I was trying to put it right into the HTML, since I know some HTML, but it would not save for anything! LOL Well once I noticed it was a widgit right from my Blogger dashboard I got it now.....THANK YOU! :-) Mama is happy now.

    ReplyDelete
    Replies
    1. Where were you able to put the HTML code from Snapwidget, where on the blogger dashboard? Thanks!!

      Delete
  25. I want the feed to go directly underneath my "Who I Follow" gadget on the sidebar, so I am pasting the code from Snapwidget directly inbetween the Blog Archive and Who I follow codes in the HTML section of the template. Nothing shows up though.. I paste the code by the header and it shows up at the very top of my blog. Help, if you can I am beyond frustrated!

    ReplyDelete
    Replies
    1. Oriette,
      You may have to open a new gadget/widget in the blogger layout...then drag it to the location you want it in. Send me a link to your blog so I can check it out.

      Delete
  26. Thank you fort this quick tutorial. It was a piece of cake to put it in my self-hosted wordpress blog.
    I went to widgets and dag-and-drop text to my sidebar. I simply copied the code in there and it worked right away!

    ReplyDelete
  27. Hi, I would like to know how to add Pinterest most clicked to my blog. Thank you. www.mustseemakeup.blogspot.com

    ReplyDelete
    Replies
    1. Great idea Pilar! This is pretty easy. I will post about it soon!

      Delete
  28. Thanks so much for posting this! I really wanted my feed on my blog and I really think it adds character. Many thanks again from my baby blog hautemissfit.blogspot.com and I!!

    ReplyDelete
  29. Thanks a lot ... was looking for this for a while now :)

    ReplyDelete
  30. Thank you so much! I'm new to blogging and really wanted to link my Blog to my Instagram. Followed your instructions and now my pics are on my blog! Yay! Thanks again!!
    suncreamandsparkles.blogspot.ae
    :)

    ReplyDelete
  31. This comment has been removed by a blog administrator.

    ReplyDelete
  32. THANK YOU SO MUCH FOR THIS! IT HELPS A LOT AND ITS SO EASY. Now i have it on my own. Thank you bunch! xx

    ReplyDelete
  33. Thanks from Finland, too - am very happy to have Instagram on my blog now :-)

    ReplyDelete
  34. Wow thank you so much for the help with adding instagram pics to my blog. This was so easy and so helpful!!I love it when I find a site that can help me free and want you to know how much i appreciate it!

    ReplyDelete
  35. It´s really helpful, thank you for sharing! Even though I´ve one question: how can I add the word Instagram above the pictures? :)
    Thank you very much!
    Simona

    ReplyDelete
    Replies
    1. Did you figure this out yet? Just type your text in the Subject box (I think...)

      Delete
  36. Thanks for posting!! Just did this on my blog, and it worked like a charm!

    ReplyDelete
  37. Hello,
    I was trying to put it on my blog as a slide show for my instagram, but instead im getting a box with a sad face, has this happened to anyone?

    ReplyDelete
    Replies
    1. Monica, have you tried re-installing? Maybe just check the URL you are entering...possibly it isn't finding your Instagram feed....good luck!

      Delete
  38. Thank you so much for the tutorial! It was so much help!! :D

    http://thegoodthebadandthesweaty.blogspot.com/

    ReplyDelete
  39. Brilliant post! Thank you so much!
    Quick question...I've added my Instagram to my blog, but the images look really faded and a little unclear...is this normal? Or have I missed something?

    http://missenchanting.blogspot.co.uk/
    Katie x

    ReplyDelete
    Replies
    1. Katie, I checked out your blog and you did a great job! The only thing I can see that is a bit different is yes, the image is somewhat "shadowed" until you scroll over it and then it brightens. My only suggestion would be to re-install it again and make sure you are choosing the options you want. Great blogging!

      Delete
    2. Okay, there is a HOVER option...this may be what you used without knowing it. Make sure when you reinstall that it says NONE in the HOVER EFFECT box.

      Delete
  40. Hey! Thank you so much for the great tips! I has worked really well, I was just wondering if it updates to my newest photos automatically, as it hasnt yet! thank you so much!

    Lucy from www.dinosaurdances.com

    ReplyDelete
  41. This is one awesome guide! thanks!

    ReplyDelete
  42. Thank you! How fun!! I really appreciate this easy tutorial!

    ReplyDelete
  43. This comment has been removed by the author.

    ReplyDelete
  44. How do I change my Favicon in my blog? Please help. Thanks :D

    ReplyDelete
  45. Ok Im really lost where do you post this code??

    ReplyDelete
  46. Hiya,

    Such useful advice, thank you! I'm a little stuck on getting it on to my blog though - I'm absolutely clueless when it comes to HTML so wasn't sure whereabouts I put the info? When I do add it on, and click to 'Save Template', it comes up with "Error parsing XML, line 2100, column 112: The reference to entity "v" must end with the ';' delimiter". Would you have any ideas on what I'm doing wrong?

    Thanks!

    Steph

    ReplyDelete
  47. thanks so much for the help and tips.. appreciate it....
    do check out my website if you can... http://mieranadhirah.blogspot.com

    ReplyDelete
  48. awesome tutorial! Thank you! Now i have instagram widget on my blog ^ ^ elnienesia.blogspot.com

    ReplyDelete
  49. I followed exactly what you said, and got to the saving point but still cant see my instagram pics on my blog!!! any idea why?? i've done this 5 times and no luck still!

    help!

    ReplyDelete
  50. This comment has been removed by a blog administrator.

    ReplyDelete
  51. Hi, thanks so much for the tip! I did it and got my Instagram to show on the side of my blog, but for some reason Blogger is leaving a huge space between it and the next widget (which is Twitter) and I can't figure out why it does that. You can see it here: http://findingjoyandbeauty.blogspot.fi/

    Any tips?? :)

    Thanks!

    ReplyDelete
  52. This was SO helpful! Thank you for posting this!

    ReplyDelete
  53. This comment has been removed by a blog administrator.

    ReplyDelete
  54. This comment has been removed by a blog administrator.

    ReplyDelete
  55. This was so easy, thank you so much!

    ReplyDelete
  56. Thanks for this :) Always useful tips and tricks for non techy peeps like me…

    ReplyDelete
  57. You made this so easy, thanks for sharing!

    ReplyDelete
  58. Thanks for this!! How can I make the photos bigger on my blog please?

    ReplyDelete
    Replies
    1. Hey Alexis...I'm not sure what you mean by bigger...you can go into the code you pasted into the HTML and change the WIDTH and HEIGHT by pixel...if you want it to fit your sidebar better...the less photos you choose in the widget, the larger the photos will be...if you get my meaning??? Let me know how it goes!

      Delete
  59. Thank you very much for you blog. It really helps me with my Instagram Plug in :) Love it.

    ReplyDelete
  60. Thank you! found your blog while looking for an instagram widget. Can't wait to see what other gems are on the site!

    ReplyDelete
  61. thank you!
    you really helped me alot :)

    ReplyDelete
  62. Is it possible to do the same thing but with images from tumblr? like at the bottom of http://www.alittlebirdyblog.com/ ?? thank you

    ReplyDelete
  63. Thank you! I love my new instagram widget. :)

    http://mystylediaryblogspot.blogspot.com/

    ReplyDelete
  64. It's easy and looks good, but I don't like how it links back to SnapWidget.com instead of Instagram itself... Gonna keep searching for one that does.. great post though!

    ReplyDelete
  65. I was not able to paste the url. what went wrong?

    ReplyDelete
  66. Hi Sarah,

    Thanks so much for this tutorial. I am having problems attempting to figure out where you find the blogger configure box? I have generated the code but can't find how to find it within my blogger account?

    Many thanks,

    Lylie at Paper Quail

    ReplyDelete
    Replies
    1. Thank you for getting back to me - the response the add a gadget box is giving me is URL contains illegal characters?!

      Delete
  67. Where do you paste the link? I'm new and I can't find it..

    ReplyDelete
  68. Yay! quick and easy! Love it! I come back to you time and again for tutorials and I am so appreciative.

    ReplyDelete
  69. This comment has been removed by the author.

    ReplyDelete
  70. Thank you! Worked like a charm!
    Heather - http://lifeofatravelingnavywife.blogspot.com

    ReplyDelete
  71. I just tried to add this widget to my blog http://leahmariebrown.blogspot.com but it's not showing up. The title is but not the actual images. Can you tell me what I am doing wrong? Thanks.

    ReplyDelete
  72. It doesn't work for me :(
    Any idea what I am doing wrong? www.littlehelsb.com

    Thanks x

    ReplyDelete
  73. For some reason this won't work for me. I've tried with two different gadget makers like this one & have done it multiple times just to be sure it wasn't user error, & it just leaves a big white space in my sidebar. I even tried to make my instagram public [though that was never an issue on Wordpress] and it still didn't work. Makes me sad because I would love to get my instagram feed onto my blog! Are there any other options?

    ReplyDelete
  74. Aha! Thanks! Does anyone know how to make the twitter widget wider?

    ReplyDelete
  75. www.strutup.blogspot.co.uk

    ReplyDelete
  76. the title of the widget is working but none of my pictures are appearing (littleditsydaisy.blogspot.co.uk) do you know what i may have done wrong?

    ReplyDelete
  77. now working as charm! thanks
    www.kalikotpepot.blogspot.com

    ReplyDelete
  78. Thank you for this tutorial! I do have to say though, I had to google where exactly on Blogger I had to put in the code...

    ReplyDelete

Comments are how we stay connected as bloggers. Let us know how you feel and we'll return the favor...stay calm and blog on!!! And guess what? You'll never find Word Verification on our blog...it gets kind of annoying when you can't read what WV wants you to verify right?

Outbrain