Add a new instagram widget

The previous widget used in the themes will no longer work. You can generate a new widget from snapwidget.com. You'll have to register, but generating a widget is free.


Follow By Email (Subscribe) Widget

As Blogger will discontinue the "Follow By Email" widget on July 11, 2021, you should download your subscriber contacts and look into using another newsletter service (MailChimp, Flodesk, etc). You can get in touch by email (fearnedesign@gmail.com) if you'd like me to switch the sign up forms for you and customize the new one.

Set Up the Instagram Widget

The Instagram widget in the theme is from Snapwidget. You have to register, but generating a widget is free.

Go to Snapwidget and create an account. Click on "Get a free widget" > "Create a free widget" > select "Instagram Grid" > "Click here to update username" > log in with your account.

Configure the settings like this:

Thumbnail Size: 250
Layout (Columns X Rows): 5 x 1
Photo Padding: 15
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 > paste the code inside.

HOW TO SET UP THE WIDGET ON MOBILE LIKE THE DEMO?

The demo has two widgets - one for desktop (5x1) and one for mobile (2x2), since using the 5x1 widget everywhere means the images on mobile will be very small.

To add a mobile widget, too, generate another Instagram widget and configure all the settings the same way, except for Layout (Columns X Rows) - it should be 2 x 2 instead of 5 x 1.

Copy the generated code > go to your blog dashboard > Layout > open the "Instagram" widget from the INSTAGRAM widget area > use the HTML below and insert the widgets between the classes:
<div id="instafeed_wrap">
<div id="instafeed_link">
What happens on Instagram...
<span>follow me <a href="LINK" target="_blank">@username</a></span>
</div>
<div id="instagram-feed">
<div class="instagram-desktop">
<!-- add the desktop Instagram widget here -->
</div>
<div class="instagram-mobile">
<!-- add the mobile Instagram widget here -->
</div>
</div>
</div>