Widgets Pricing Tutorials Blog Log In Start Free

Add your Instagram feed to Blogger

Put your Instagram feed in a Blogger post, a page or the sidebar. Paste the embed code in HTML view or into an HTML/JavaScript gadget.

Create your free widget See examples

How to add an Instagram widget to Blogger

  1. 1

    Create your widget and copy the code

    Create your widget in SnapWidget and click Get Widget. Copy the code.

  2. 2

    Open the page in HTML view

    In your Blogger dashboard, select Pages in the left sidebar and choose the page. Select HTML view on the editor toolbar and paste the code where the widget should appear.

    The Blogger page editor in HTML view with SnapWidget code
  3. 3

    Ignore the invalid HTML warning

    If you switch to Compose view, Blogger says your HTML content is invalid. It flags the stylesheet line, but the widget still displays.

    The Blogger message that the HTML content is invalid
  4. 4

    Preview and update

    Click Preview to check the page, then click Update.

    A Blogger page with an Instagram grid under the page title
  5. 5

    Add it to a blog post

    Select NEW POST, add a title, select HTML view and paste the code. Click Preview, then Publish.

    A new Blogger post in HTML view with SnapWidget code

Your feed in posts, pages and the sidebar

Posts and pages in HTML view
Open a post or page, switch the editor to HTML view and paste the code where the feed should appear.
Sidebar gadget
Go to Layout, click Add a Gadget, choose HTML/JavaScript and paste the code to show your feed in the sidebar or footer.
No gadget edits later
When you post to Instagram, the widget on your blog shows it. You never edit the gadget or the post again.
No theme files
Pick a layout and photo size, click Preview, then copy the code. You never open your Blogger theme HTML.

Want every click? Our help center has the step-by-step install guide with screenshots.

Read the install guide

Loved by 200,000+ websites

Don't just take our word for it. See all reviews →

Frequently asked questions

In your Blogger dashboard, go to Layout, click Add a Gadget where you want the feed and choose HTML/JavaScript. Paste your SnapWidget code and save.

Yes. In the post editor, switch to HTML view and paste the code where you want the feed. Preview the post, then publish it.

No. Blogger flags the stylesheet line in the code when you switch back to Compose view, but the widget still displays. Click Preview to check it.

Yes. The widget sits inside your post, page or gadget, so it works with any Blogger theme. Turn on the responsive option and it resizes to fit the column.

Yes. Paste the same embed code into each post or page. Every copy shows the same widget, and they all update together.

Keep exploring

Give your Blogger sidebar an Instagram feed

Create your widget