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. ) 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/Gayuddy/?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 Gayuddy, 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.
Comments
Post a Comment