How to Embed Instagram Feed on Blogger Website

Embed Instagram Feed on Blogger website

Try Tagembed – Create Your Free Account Now

Want to boost your blogger website traffic with your Instagram feeds, Explore a step-by-step guide to embed Instagram feed on the website.

Step 1: Aggregate Instagram Feed 

1. Sign Up to create a Free Tagembed account or Login if you already have an account.

Register for a free Tagembed account

You’ll be redirected to a page where you need to select social widget as your product to continue collecting Instagram content from profile.

select social widget

2: Select Instagram Network 

  • A pick a source screen will appear, here choose Instagram as your network to collect Instagram content from the profile.
Choose Instagram as your source

3: Collect Instagram Posts 

  • Pick A Source page will appear on the screen. Choose Instagram as your source. A new window will appear on your screen.
  • Choose Handle to collect content from your Instagram profile.
Choose handle to collect Instagram posts

Click on the Create Feed button then authorize your account to collect posts and done.

Here you have multiple options to create feeds

a.) Hashtag(#) â€“ Enter hashtags from where you want to fetch feeds

b.) Handle(@) â€“ Login to your Instagram account and it will fetch feeds directly

c.) Business Account – Login to your Instagram Business account to fetch feeds directly

d.) Stories – Enter the Username to fetch stories

e.) Reels – Enter the Username to fetch reels

Click on the below button “Continue With Instagram”

Login to your Instagram Account to authorize for aggregation

NOTE: You can refine the aggregation process, enable the checkboxes on the above options accordingly.

NOTE:  Tagembed provides a “Personalize” option to customize the display of your feed, with many options to choose between according to your need. 

Step 2: Generate code to Integrate Instagram Feed on Blogger.

Continuation with the above process, now generate Instagram Widget Embed Code from our free social media aggregator with these steps:

  1. Click on the Embed Widget button displayed below
Click on the embed widget button

2. Dialogue box will appear with “Choose Your Platform” Now Select HTML

Choose your CMS platform

3. Now a new Dialogue box will appear, now set the height and widget accordingly and click on Get Code button & copy this code

Copy the genrated code by tagembed

Step 3: Embed Instagram Feed On Blogger Websites

Follow the below steps to embed Instagram Feed on Blogger Websites:

1. First, Select your project after Logging in to your Blogger Admin account.

2. On the left-hand side menu, click on Pages.

add instagram gallery feeds on blogger website

3. Now, open the page that you want to embed Instagram Feed Widget on.

4. You’ll find HTML on the left-top ribbon menu, Click it and Paste your copied code. Then click Update.

paste Instagram Feed HTML code on blogger website

5. Save the changes made.

You’ve successfully embedded Instagram Widget into the Blogger Website.

(If the Homepage is not available for your website then paste the CODE on the body tag of the page by visiting the Theme>Edit in HTML)

Try Tagembed – Create Your Free Account Now

Still have questions or need help, please Contact Us or write us at [email protected]

Related: Embed Instagram Feed on PageCloud Website