Tauni Everett

Bibbidi Bobbidi Chew

Tauni Everett » Business + Productivity » Blogging » Top Blogging Tips » Add Your Instagram Photos to Your Blogger Sidebar

Add Your Instagram Photos to Your Blogger Sidebar

Header 3

[Instagram logo and paper clipped photos from the Instagram website]

Instagram has gone wildly lately! Particularly after it was released for Android phones earlier this week.

I love following friends on Instagram and if I had more than an old flip phone without internet I would be all about it! This tutorial is for you lucky ducks who get to use Instagram!

There are several good plugins for WordPress users that will display your recent Instagram photos in your blog sidebar. Blogger users are not quiet as lucky. The only way to automatically insert your Instagram photos in your Blogger sidebar is through the Snap Widget.

Here is a quick overview of how to add your latest instagram photos to your sidebar.

Click over to the  Snap Widget page. The Snap Widget is really easy to use. Fill in the information [username and thumbnail size] and click “Get Code.” The Snap Widget will give you a piece of HTML that you will paste into a new “HTML/Java Script” gadget in your sidebar! Piece of Cake!

How to add Instagram to Blogger

1. Click over to the Snap Widget Page. Scroll down to the bottom of the page. It will look like this.

Snap 1024x560 3

Fill out the form:

Username.

Choose your thumbnail size:  Most sidebar are between 200 -300px so if you want 2 photos side by side I would probably choose 100px or 150px for the thumbnail size. It all just depends on what you want.

Layout: Is the number of rows and columns you want.

Styling: You can choose to have a border or no border and also choose the background color.

Photo Padding: Padding is the space that will be in between your photos. I think 5px is perfect!

Once you have filled out the form you can click PREVIEW and see if you like what you see! Here is what the preview will look like…

Capture 3

Once you like what you see in the preview click “GET CODE”. You will see a screen pop up that looks like this …

Capture1 2

Copy the code. Login to your blog dashboard. Click on Layout and the click on “Add a Gadget”.

Capture2 2

Choose the “HTML/JavaScript” widget. Click the little plus sign.

Lkj

Then paste your Snap Widget Code and click SAVE.

Lklkj 1

Ta-da! Easy right?

Looking for more Blogger tutorials? Pop over. I’ve rounded up more than 10 great Blogger tutorials, plus some good general posts that might help you out!

Giveaway

Key lime gift card 1024x691 1

Since SNAP! is all about improving your blog, today’s post includes a fun giveaway! Join conference attendees in entering to win one custom redesign on Blogger from SNAP! contributor Key Lime Digital Designs.


// <![CDATA[
/*{literal}{/literal}*/
// ]]>
a Rafflecopter giveaway

<a href=”http://rafl.es/enable-js”>You need javascript enabled to see this giveaway</a>.

  • Odds of winning are based on number of entries.
  • Winner chosen at random using Raffelcopter.
  • This giveaway begins: 4/17/2012 and ends 4/21/2012
  • You must be a 18 years or older to be eligible to win.
  • Prize will be provided by the sponsor at the earliest available appointment date and SNAP! assumes no responsibility for the value of or delivery of aforementioned prize.
about me
post summary
Popular Posts


Snap

Snap

Editor at Tauni Everett
Snap has contributed 472 articles on https://taunieverett.com since October 2, 2012.

Power Bio Box by Zyra Console



You are here:
Home
Business + Productivity
Blogging
Top Blogging Tips
Add Your Instagram Photos to Your Blogger Sidebar
Title:
Add Your Instagram Photos to Your Blogger Sidebar

Authors:
Categories:
Mentions:
Blogger, Blogging Tips, Instagram, Key Lime Digital Designs

Keywords:
Not Specified

Last Updated:
December 13, 2018

Comments

  1. Jennifer says

    I’d love to see a post on how to create and add buttons for facebook, pinterest, twitter, etc to your sidebar in a row like the ones on here look.

  3. Maegan says

    I’d love to see the “how to create a button grab box code” tutorial. I know, sounds easy enough but I have no idea and when I try, I fail miserably. Thanks for good bloggy friends who make my grab code for me!

  9. Kari says

    I’m sure most people already know how to do this-but I would love to learn how to put ad banners at the top of my page-I can’t seem to figure that out!

    Kari

  16. Jackie says

    I would love a tutorial on how to get the little matching Pinterest, Facebook, Email, Twitter, etc…buttons on the sidebar of my blog. 🙂
    Great giveaway!

  17. meg/brassy apple says

    tutorial idea – how about 5 conferences to attend or twitter chats to get in on to help take your blog/biz to the next level. You know stuff that is worth the time/money 🙂

  19. taryn says

    At the top of my blog to do list is to make my pages not static. For the life of me I can not figure out how to make the different pages active archives of blog posts. Does that make sense? For example, an post that I write about apples would automatically be archived with a thumb nail picture on the fruit page.
    Thank you!!

  23. AJ says

    I would like to learn more about the best way to make badges. Great giveaway… love Key Lime Digital!
    AJ@queenofmynest

  28. Laura Dassance says

    I would love to see matching buttons for Facebook, Pinterest, Twitter, Contact me that look nice and pretty!

  31. Amber says

    How about a post featuring the best & worst ways to add music to your blog – tunes or no tunes? That is the question.

  32. Victoria @obSEUSSed says

    I’d love to understand how to use Google Adsense from the back end – how to select types of ads to be run. I’d also love to know more about the pin-it button. How to make it show up on old posts with the counter on it without having to manually go into each post to do it (if that is possible).

    • Tauni says

      I stopped by your site. It looks like you figured out how to install Instagram. A link back to the tutorial you used would be nice 🙂

    • Tauni says

      Staci, Isn’t Instagram great?! I love it. Since I use it a bit more personally, I am not quite ready to post it on the blog, but it sure is fun. xoxo, Tauni

  40. Gina says

    I wish I could get this to work as it’s one of the nicest instagram widgets I’ve seen and would fit better with my blog image haha. Oh well! thank you for the tutorial!

    • Tauni says

      Awesome Luke! I will stop by and check out your site. I started a healthy eating plan just last month! xoxo, Tauni

  60. millie says

    Hi, I’d like to know how to add an instagram link on blogger that isn’t the regular icon logo, but a circular version of my instagram’s profile pic. Pls help. Thank you!!! <3

  67. irina says

    it doesnt work at my blog. there is just a big space. it tried it again and again but it still doesnt work. I need help 🙁

    • Tauni says

      Irina, I am sorry this didn’t work for you. It sounds like there is an error in the code on your site. I’d recommend you work with someone you trust who can help you with the CSS. Good luck! Tauni

WordPress Hosting by House of Ideas