Javascript 如何更改Facebook/twitter/youtube/Google的图标;喜欢钮扣
我有一个页面,其中显示社交媒体API中的like/follow/subscribe按钮 现在我想更改这些按钮的图标。API不允许这样做,还有其他的方法吗 我的代码适用于每个按钮: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
<!--============== 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&width&layout=button_count&action=like&show_faces=false&share=false&height=21&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:我如何才能使它通用?你能告诉我吗?