How to Add Instagram Widget to Blogger

In this editorial we will consider the complete tutorial on how to display Instagram feed widget InstaShow on a Blogger site. We will make use of a high-end cloud service with ready-made widgets for sites – Elfsight Apps.

Manage Your Own Instagram Gallery

Perform several clear procedures to show the plugin on the required page of your website. The estimated install duration is below 2 minutes.

1. Register an account at Elfsight Apps

• Register or log into our cloud service

At first, to get access to our platform, you should set up a profile. Give us only true electronic mail addresses and passwords to register. If you already have an account, please, authorize here.

Login to Elfsight Apps

• Pick out Instagram plugin from the products list

Our online service grants a number of plugins for online businesses. To set Instagram widget to a Blogger website, you should click InstaShow.

Select Instagram feed Widget

• Configure the social gallery

Decide on the color schemes, styles and UI parameters to specify the widget that will be most fitting for your website.

InstaShow merits:

  • Infinite number of combinations of social sources (accounts, hashtags, locations and photo URLs);
  • Additional source filters;
  • The option of limiting user-generated pictures in the widget;
  • Cache media time option;
  • etc.

You can appreciate all the characteristics at the plugin page.

Configure widget for blogger website

• Record your domain at Elfsight Apps

After you have managed and saved the widget, you have to register the site it will be applied to. The widget won’t be demonstrated until the site address is pointed out.

Add the domain of your blogger website

• Copy the script for turning on InstaShow on your web service

The last action in our service is to acquire the feed code by clicking on “Get” tab next to the widget’s name.

Copy widget code

2.1 First way to add the plugin to Blogger

• Go to site dashboard

Log into Blogger and select a page to add the plugin to.

Log into Blogger

• Prepare the page

Go to the page you want to edit and switch to HTML view.

Switch the page to HTML view

• Edit the page

Add the plugin code and press “Update” to save the result.

Insert the Instagram feed and save the changes

• Done!

You’ve successfully installed your Instagram plugin.

Add Instagram Widget to Blogger

2.2 Second way to add the plugin to Blogger

• Log into dashboard and edit the template

Log into Blogger and go to «Layout». Select the template element to display the plugin in, and press «Add a Gadget» above this block.

Go to layout tabs on Blogger

• Install a gadget from Blogger’s main catalogue

Add the «HTML/JavaScript» gadget to be able to edit the code.

Set the HTML gadget for Blogger

• Complete the install and save the changes

Copy the plugin script and save the changes by pressing «Save».

Paste the Instagram widget

• The installation is complete!

This method allows you to place the plugin not only inside the pages, but also in any element of the site.

Add Instagram feed to Blogger

How to Improve Product’s Configuration after Setup

You have the opportunity to alter the app’s settings or the displayed Instagram profile in your account at Elfsight Apps. After you implement the corrections, they will be automatically installed in your gallery.

Best Instagram feed for Blogger

InstaShow is a powerful Instagram visual gallery with a multiple choice of parameters, content adjustment, wholly flexible appearance and an instant embedding, what makes our widget one of the finest among the other apps.

Introducing Elfsight Apps

It is an online service with cloud solutions that will help you change your page and make your enterprise more profitable. It only takes a few actions to display our solutions on any website. Make your web page wiser with Elfsight Apps!