Following are different ways to add Instagram follow button on Blogger. In post, ready to use Instagram follow button HTML code given. You just need to copy and paste in your Blogger blog.

And, if you want to use Instagram button with icon, then you can download icon image from given source.

There are three things to add Instagram button on page.

1. Insert Instagram Follow Link Text Button

2.  Insert Instagram Follow Icon Button

3.  Insert Instagram Follow button with Link and Text

1.  Add Instagram follow link text button on Blogger






To add Instagram follow link text button on blogger, copy following HTML code and paste in your blogger blog.

<div><a title="Follow on Instagram" href="https://www.instagram.com/YOUR-INSTAGRAM-USERNAME-HERE" style="font-weight: bold;text-decoration: none;border: 1px solid #759cdb;padding: 10px 15px;border-radius: 5px;background-color:#da426d;color: #fff;">Follow on Instagram</a></div>

Note: Before add code to your website,

Replace “YOUR-INSTAGRAM-USERNAME-HERE” text with your Instagram username in HTML code.

2.  Add Instagram follow icon button on Blogger

To add Instagram follow icon button on Blogger, copy following HTML code and paste in your blogger blog.

<div><a href="https://www.instagram.com/INSTAGRAM-USERNAME" title="Follow on Instagram"><img src="YOUR-UPLOADED-ICON-IMAGE-URL-HERE" height="24px" width="24px" /></a></div>

Note: Before add code to your website,

Replace “INSTAGRAM-USERNAME” text with your Instagram username in HTML code.

Download Instagram icon image from here, upload image on blogger and replace “YOUR-UPLOADED-ICON-IMAGE-URL-HERE” text with uploaded image URL in HTML code.

Add Instagram follow button with icon and text on Blogger

To add Instagram follow button with icon and text on Blogger, copy following HTML code and paste in your blogger blog.

<div><a title="Follow on Instagram" href="https://www.instagram.com/YOUR-INSTAGRAM-USERNAME-HERE" style="display:block;font-weight: bold;text-decoration: none;background-size: 24px 24px;background-position: 0px 0px;padding: 3px 0px 4px 28px;background:url(YOUR-UPLOADED-ICON-IMAGE-URL-HERE) no-repeat;">Follow on Instagram</a></div>

Note: Before add code to your website,

Replace “YOUR-INSTAGRAM-USERNAME-HERE” text with your Instagram username in HTML code.

Download Instagram icon image from here, upload image on blogger and replace “YOUR-UPLOADED-ICON-IMAGE-URL-HERE” text with uploaded image URL in HTML code.