Thursday, March 8, 2018

How To Add Instagram Follow Button On Blog Website

Blog website par social media follow button add karke assani se aap apne social media  followers increase kar skate hai. agar aapke social media sites par followers honge to aapke blog par traffic bhi high rahega. So is post me janege ki blog website me Instagram follow button kaise add kare.

Social media se traffic lane ke liye hame social site par followers increase karne hote hai. Aur followers badane ke liye kai traike hai.

instagram follow button for blog website


Aapko pata hi hoga blog par social media follow button add karke blog reader aapke blog se hi social media par follow kar skate hai. agar aapke blog par social media follow button ya instagram follow button add kara gaya ho.




Previews article me twitter follow button, Facebook like button, facebook page like button blog website me kaise add karte hai. iske bare me Details se bataya hai. Aur is post me janege ki blog website me instagram follow button kaise add kare.



Blog Website Me Instagram Follow Button kaise Add kare:-

BLog website me instagram Follow button add karne ke liye niche diye gaye step follow kare.


Step 1.
1. Sabse phale blog dashboard me layout par click kare.
2. Ab Add Widget par click kare.
3. Ab new window me HTML Javascript par click kare.


Step 2.
1. Ab new page me instagram follow button html code ko paste kar de.
2. Finally ab save button par click kar de



Iinstagram follow button html code blog ke liye niche 2 design hai. in dono button me se koi bhi code copy karke aapne blog me add kar skate hia.

instagram follow button for blog website


1. Instagram follow button code.

<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/blognetbook/?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>





2. Instagram follow button code
<style>.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-v-24 { width: 137px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.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-v-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png); background-size: 160px 178px; } }</style>
<a href="https://www.instagram.com/usefulblogging/?ref=badge" class="ig-b- ig-b-v-24"><img src="//badges.instagram.com/static/images/ig-badge-view-24.png" alt="Instagram" /></a>



Note:- Change the Username blognetbook

In Dono instagram  follow button se khoi bhi follow button select karke aap apne instagram account par followers ko increase kar sakte hia.





Blog website me instagram follow button kaise add kare iske bare me apako ye post kaise lagi comment karke jarur bataye.

Aur is post ko social media aur author blogger ke sath jarur share kare.

Popular posts:-

About Author:-author Hello everyone my name is sultan i am sharing in this Blog About Blogging And technology Make Money online, Web Design, Internet Tips And tricks Etc Unique Article Everyday. Learn something new here....

Let's Get Connected:- Facebook | Twitter | Google Plus

3 comments:

  1. This comment has been removed by a blog administrator.

    ReplyDelete
  2. blog website me intagram follow button ke trah twitter follow kaise add kar
    e

    ReplyDelete
  3. twitter follow button add karne ke liye aap ye post read kare

    ReplyDelete