如何在我的网站中添加 Instagram 关注按钮？

Question

我可以添加 twitter 的关注按钮、youtube 的订阅按钮和 facebook 的“喜欢”按钮，是否可以在网站上为我们的 Instagram 帐户编写关注按钮？

JSFiddle：https ://jsfiddle.net/shmdhussain/jtcz2jtz/2/

<script src="https://apis.google.com/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.com/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.com/TwitterDev" data-show-screen-name="false" data-lang="ar"> Follow @TwitterDev</a>

Answer 1

将此 fontawesome 链接标记添加到您的 HTML 头部

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

然后将此代码放在您要显示 Instagram 按钮的位置并将用户名更改为您的

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