Javascript 如何更改Facebook/twitter/youtube/Google的图标;喜欢钮扣

Javascript 如何更改Facebook/twitter/youtube/Google的图标;喜欢钮扣,javascript,jquery,html,api,Javascript,Jquery,Html,Api,我有一个页面,其中显示社交媒体API中的like/follow/subscribe按钮 现在我想更改这些按钮的图标。API不允许这样做,还有其他的方法吗 我的代码适用于每个按钮: <!--============== Facebook Like Icon==================--> <li id="fc-icon"> <div id="facebook_like_button_holder"> <iframe src

我有一个页面,其中显示社交媒体API中的like/follow/subscribe按钮

现在我想更改这些按钮的图标。API不允许这样做,还有其他的方法吗

我的代码适用于每个按钮:

<!--============== Facebook Like Icon==================-->
<li id="fc-icon">
    <div id="facebook_like_button_holder">
        <iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FTheDailyReminder&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;share=false&amp;height=21&amp;appId=359856164138085" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>
        <div id="my_facebook_button"></div>
    </div>
</li>
<!--============== End Facebook Like Icon==================--> 

<!--============== Twitter Follow Icon==================-->
<li>
    <a class="twitter-follow-button" href="https://twitter.com/twitterdev" data-dnt="true" data-show-count = "true" data-size="large">
        <img src="smicons/twitter.png" />
    </a> 
    <script type="text/javascript">
        window.twttr = (function (d, s, id) {
            var t, js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src= "https://platform.twitter.com/widgets.js";
            fjs.parentNode.insertBefore(js, fjs);
            return window.twttr || (t = { _e: [], ready: function (f) { t._e.push(f) } });
        }(document, "script", "twitter-wjs"));
    </script> 
</li>
<!--==============End Twitter Follow Icon==================--> 

<!--==============YouTube Subscribe Icon==================-->
<li> 
    <script src="https://apis.google.com/js/platform.js"></script> 
    <script>
        function onYtEvent(payload) {
            if (payload.eventType == 'subscribe') {
                // Add code to handle subscribe event.
            }
            else if (payload.eventType == 'unsubscribe') {
                // Add code to handle unsubscribe event.
            }
            if (window.console) { // for debugging only
                window.console.log('YT event: ', payload);
            }
        }
    </script>
    <div class="g-ytsubscribe" data-channel="TheDailyReminder" data-layout="default" data-   count="default" data-onytevent="onYtEvent"><img src="smicons/youtube.png" /></div>
</li>
<!--==============End YouTube Subscribe Icon==================--> 

<!--==============Google Plus Subscribe Icon==================-->
<li>
    <!-- Place this tag where you want the widget to render. -->
    <div class="g-follow" data-annotation="bubble" data-height="24" data-    href="https://plus.google.com/108031060121890312607" data-rel="publisher"><img src="smicons/gplus.png" /></div>
    <!-- Place this tag after the last widget tag. --> 
    <script type="text/javascript">
        (function() {
            var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
            po.src = 'https://apis.google.com/js/platform.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
        })();
    </script> 
</li>
<!--==============End Google Plus Subscribe Icon==================-->

  • window.twttr=(函数(d,s,id){ var t,js,fjs=d.getElementsByTagName[0]; if(d.getElementById(id))返回; js=d.createElement;js.id=id; js.src=”https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js,fjs); return window.twttr | |(t={ue:[],ready:function(f){t.e.push(f)}); }(文件,“脚本”、“推特wjs”);
  • 功能onYtEvent(有效负载){ if(payload.eventType=='subscribe'){ //添加代码以处理订阅事件。 } else if(payload.eventType=='unsubscribe'){ //添加代码以处理取消订阅事件。 } if(window.console){//仅用于调试 window.console.log('YT事件:',有效负载); } }
  • (功能(){ var po=document.createElement('script');po.type='text/javascript';po.async=true; po.src=https://apis.google.com/js/platform.js'; var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(po,s); })();
  • 以下是网址:

    无法更改like或+1按钮的外观。这是因为他们不需要用户确认他们的选择,这将使它很容易被滥用。你可以为任何页面创建喜欢的内容

    但当单击时,您可以为share/feed和call方法创建自己的按钮


    编辑:实际上有一种方法可以实现一些类似的操作,但是你不能仅仅改变图标。你应该完全改变它的外观。

    如果你想完全控制它,就制作通用图标Hello Brain:我如何才能使它通用?你能告诉我吗?