Skip to main content

How To Add Instagram Follow Button To Blogger Blog

Just like we add Facebook or Twitter follow button widget in our blog, we can also add Instagram follow button in the same way. So that any Instagram visitor can follow us on Instagram and get notification of new posts on our blog.

Adding Instagram follow button widget is very easy, you just need to know the method. So today in this post, I am going to give information about how to add Instagram follow button.

Instagram is a very popular app in today's time, this post will be very useful for those bloggers who want to add this widget to their blog.

By adding this widget, there is a possibility of getting followers from our blogger blog as well. And we should definitely add it to our blogger blog.


How To Add Instagram Follow Button To Blogger Blog

It is very easy to add the Instagram follow button widget to your blogger blog. You just follow the steps given below. An screenshot has also been added to it so that it is easy for you to understand.
  • First, log in to your Blogger Blog and go to the blog Dashboard.
  1. ( 1. ) After that click on Layout and ( 2 ) click on the + Add gadget on the side where you want to add the Instagram follow button.
  • ( 3 ) Then click on HTML/JavaScript.
  • After that, in the page which will pop up,

leave the title blank or write something like follow on instagram.

Then copy the code given below and paste it in the content.

<style>.ig-b- { display: inline; } .ig-b- img { visibility: hidden; } .ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; } .ig-b-16 { width: 16px; height: 16px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-16.png) no-repeat 0 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .ig-b-16 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-16@2x.png); background-size: 60px 178px; } }</style><a href="https://www.instagram.com/your_username_id/?ref=badge" class="ig-b- ig-b-16"><img src="//badges.instagram.com/static/images/ig-badge-16.png" alt="Instagram" /> <b>Follow on Instagram</b></a>

  • Note: In this code, in place of your_username_id, add the URL of your Instagram account. Now click on Save. 
  • Then at last click on Save arrangement.
So this is how you can add the Instagram follow button widget to your blogger blog. If you have any problem adding this code or any problem with this code, then comment.

Friends, if you have any question related to blogger blog, then you can tell us in the comments box and if you need any information, then comment.

Labels:

Comments

Post a Comment

Popular Posts From Qowerra ✨

JPEG To WebP Converter In Blogger: Free Script & Setup

Support PNG, JPG, GIF, WEBP and HEIC. You can use the options to control image resolution, quality and file size. JPEG ▾ TO WEBP ▾ Select your file to convert or drop your file here. Select File ▾ 3 easy steps to use JPEG To Webp Converter tool: Step 1: Select a Photo : Go to the page and select (or drag) your JPEG/JPG photo by clicking the " Select File " button. Step 2: Select a photo from the Gallery : Then, s...
Post a Comment
Read more

How To Enable Visible To Search Engines In Blogger

Starting a blog is exciting, but writing great content is only half the battle. If search engines like Google cannot find your website, potential readers will never see your posts. By default, Blogger includes an essential privacy setting that controls whether web crawlers are allowed to index your site. If your blog traffic is zero or your posts are missing from search results, your site might be hidden. Here is a clear, step-by-step guide on how to enable the "Visible to search engines" option in Blogger. Step 1. Sign in to Blogger:  Go to Blogger.com and log in with your Google account. Select the blog you want to update from the dropdown menu in the top-left corner. Step 2. Access Settings:  In the left-hand navigation sidebar, click on Settings . Step 3. Locate the Privacy Section: Scroll down the settings page until you reach the Privacy section, which is located near the top. Step 4. Turn On Search Visibility: Find the option labeled Visible to search engines . C...
Post a Comment
Read more

Tractor Loan EMI Calculator For Blogger : Free Script & Setup

Tractor Finance Calculator Tractor Loan Repayment Schedule Enter loan details to view the schedule, installment, and equivalent flat rate. Installment Frequency: Monthly (Every 1 Month) Quarterly (Every 3 Months) Half-Yearly (Every 6 Months) Annual (Every 1 Year) Loan Amount: Five Lakh Rupees Only Tenure (Years): 1 Year 2 Years 3 Years 4 Years 5 Years 6 Years Annual IRR Interest Rate (%): Calculate Schedule Repayment Breakdown & Total Summary No Outstanding Balance Principal Interest EMI ...
Post a Comment
Read more

How To Add Google Translate Widget To Blogger Blog

When we write all the posts of our blogger blog 100% correctly in any one language, then we can get visitors from all over the world by adding Google Translate widget to our blog, because our blog can be read by translating it into other languages such as English, Tamil, Hindi, Urdu, Marathi or any other language. This can lead to more visitors i.e. more traffic. We can add this Google Translate widget to our blog only when more than 75% of all posts on our blog are written in a single language, because if this is not the case then when the language is translated it will not be clear and then the visitor will have to face a lot of trouble in reading the post.  How To Add Google Translate Widget To Blogger Blog Adding Google Translate widget to blogger blog also increases traffic, because visitors from other countries can easily read your blog posts in their own language. That is why traffic also increases due to visitors from all over the world. That is why you must add Google Tran...
Post a Comment
Read more

How To Add Image In Blogger Post

Adding images is essential to make Blogger posts look beautiful and attractive. You can add images to your Blogger post in just a minute by following the simple steps below: Step 1. Open your web browser, go to blogger.com , and sign in to your account. Step 2. Select Your Blog from the dropdown menu at the top left and navigate to the specific blog where you want to add an image. Step 3.  Click on ' Posts ' or the ' + New Post ' button (or open an existing post). Step 4. Ensure the editor is set to ' Compose view ' (indicated by the pencil icon at the top left). Step 5.  Place your cursor exactly where you want the image to appear. Step 6.  Click the ' Insert image ' icon (photo/mountain icon) on the formatting toolbar at the top. Step 7.  Select ' Upload from computer/mobile ' from the dropdown options. Step 8.  Click ' Choose file ', select the image from your device, and click ' Open '. Step 9.  Once the file uploads, click o...
Post a Comment
Read more