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>