How to add an Instagram feed

Go to Snapwidget and create an account. You have to register, but generating a widget is free. Click on "Get a free widget" > "Create a free widget" > select "Instagram Grid" (there's a Pro and Free version - choose the Free version) > "Click here to update username" > log in with your account.

Configure the settings like this:

  • Thumbnail Size: 250
  • Layout (Columns X Rows): 6 x 1
  • Photo Padding: 0 (10 if you're using the Persephone, Primrose, Lenore or Delilah themes or 15 if you're using the Drea theme)
  • Hover Effect: Fade Out
  • Sharing Buttons: No
  • Responsive: Yes

Copy the generated code > go to your blog dashboard > Layout > open the "Instagram" widget from the "After Footer" widget area > replace this:

<!-- add Instagram feed here -->

with the code you've copied from Snapwidget > save the changes.


Full HTML:

<div class="instagram-feed">
<!-- add Instagram feed here -->
</div>

Some themes have different "header" options for the Instagram feed

If you're using the Lenore or the Felicity theme, add this above <div class="instagram-feed"> :

<div class="instagram-header">
<div class="instagram-title">Instagram</div>
<div class="instagram-user"><a href="LINK" target="_blank">@username</a></div>
</div>

Replace LINK and username with the link to your Instagram account and your Instagram username.


If you're using the Primrose, Odessa or Rosamund theme, add this above <div class="instagram-feed"> :

<div class="instagram-user"><a href="LINK" target="_blank">@username</a></div>

If you're using the Josephine theme, add this above <div class="instagram-feed"> :

<div class="instagram-user">follow <a href="LINK" target="_blank">@username</a></div>

Replace LINK and username with the link to your Instagram account and your Instagram username.


If you're using the Delilah theme, add this above <div class="instagram-feed"> :

<div class="instagram-title">Follow <a href="LINK" target="_blank">@username</a></div>

Replace LINK and username with the link to your Instagram account and your Instagram username.


If you're using the Drea theme, add this above <div class="instagram-feed"> :

<div class="instagram-title"><span>Instagram</span></div>