Daphne - Instagram

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): 4 x 1
  • Photo Padding: 20
  • Hover Effect: None
  • 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-outer"><div class="instagram-inner">

<div class="instagram-header">
<div class="icon">🌸</div>
<h5>what's new on</h5>
<h3 class="title">daphne's feed</h3>
</div>

<div class="instagram-feed">

<!-- add Instagram feed here -->

</div>

</div></div>