最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - How to add Instagram Follow button in my website? - Stack Overflow

programmeradmin3浏览0评论

I am able to add the follow button for twitter, subscribe button for youtube and "like" button for facebook, Is is possible to code the follow button for our Instagram account in the website?

JSFiddle: /

<script src=".js"></script>

<div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="default" data-count="default"></div>

<script>window.twttr = (function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0],
    t = window.twttr || {};
  if (d.getElementById(id)) return t;
  js = d.createElement(s);
  js.id = id;
  js.src = ".js";
  fjs.parentNode.insertBefore(js, fjs);
 
  t._e = [];
  t.ready = function(f) {
    t._e.push(f);
  };
 
  return t;
}(document, "script", "twitter-wjs"));</script>

<a class="twitter-follow-button"   href="" data-show-screen-name="false" data-lang="ar"> Follow @TwitterDev</a>

I am able to add the follow button for twitter, subscribe button for youtube and "like" button for facebook, Is is possible to code the follow button for our Instagram account in the website?

JSFiddle: https://jsfiddle/shmdhussain/jtcz2jtz/2/

<script src="https://apis.google./js/platform.js"></script>

<div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="default" data-count="default"></div>

<script>window.twttr = (function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0],
    t = window.twttr || {};
  if (d.getElementById(id)) return t;
  js = d.createElement(s);
  js.id = id;
  js.src = "https://platform.twitter./widgets.js";
  fjs.parentNode.insertBefore(js, fjs);
 
  t._e = [];
  t.ready = function(f) {
    t._e.push(f);
  };
 
  return t;
}(document, "script", "twitter-wjs"));</script>

<a class="twitter-follow-button"   href="https://twitter./TwitterDev" data-show-screen-name="false" data-lang="ar"> Follow @TwitterDev</a>

Share Improve this question asked Aug 15, 2016 at 11:37 Mohamed HussainMohamed Hussain 7,70315 gold badges60 silver badges87 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 9

Add this fontawesome link tag to your HTML head

  <link rel="stylesheet" href="https://use.fontawesome./releases/v5.8.2/css/all.css">

Then put this code where you want to show the Instagram button and change the username to yours

<a href="https://instagram./username">
   <span style="font-size: 1.5rem;">
       <span style="color: indianred;">
          <i class="fab fa-instagram"></i>
       </span>
   </span>
</a>
发布评论

评论列表(0)

  1. 暂无评论