添加此 Twitter 关注按钮自定义答案

【问题标题】：Addthis Twitter Follow Button Customize添加此 Twitter 关注按钮自定义
【发布时间】：2013-06-03 05:14:14
【问题描述】：

我目前正在使用 Addthis 作为我的社交媒体分享/关注按钮，我面临的问题是在 twitter 关注按钮上我不希望它显示用户名（所以按钮不是那么宽）我只想要关注这个词和计数器，我正在我的网站上显示这个关注按钮，

推特关注

<a class="addthis_button_twitter_follow_native" tw:screen_name="myaccount"></a>

加载完成后，我查看了源代码，发现它加载了一个带有 id #1 的 <span> 元素，里面是一个 <b> 标记，这就是用户名所在的位置，所以我需要删除 #1 b 但是当我尝试使用 css #1 b { display: none !important;} 或 jQuery $('#1 b').remove() 执行此操作时，它不起作用，是否有人对此有任何建议或其他方法，提前感谢您的帮助！

【问题讨论】：

标签： javascript jquery css twitter addthis

【解决方案1】：

在此处查看 Twitter api...https://twitter.com/about/resources/buttons#tweet

您可以在那里自定义自己。

【讨论】：

【解决方案2】：

要整合关注者计数，只需使用，

data-show-count="true"

以及从按钮中删除用户名，

data-show-screen-name="false"

现在它只显示关注按钮和关注者数量，这是完整的代码，

<a href="https://twitter.com/twitterapi" class="twitter-follow-button" data-align="left" data-show-screen-name="false" data-show-count="true">Follow @twitterapi</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="http://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

【讨论】：