How to Add a Official Twitter Follow Button to Your Website

Twitter has millions of users around the globe, which makes it one of the top social network through which you can expect a good traffic to your websites or blogs.

If you’re a blogger running a blog (WordPress, Blogger, etc) or happen to have a website, then you can make the users follow your or any other Twitter account you specify, directly from the website, by adding official Twitter follow button in your Website.

Suggested Information : How to Make Your Tweets Only Visible to Users You Approve

Adding a Official Twitter Follow Button to Your Website

  • Go to Official Twitter Buttons page
  • Select Follow button (under Choose a button heading)
  • Next, Customize the Twitter follow button as per your needs (enter username, show/hide username, button size)
  • Once you’re satisfied with the look and feel of the follow button, copy the code and paste it into your website source code (HTML) wherever you’d like the follow button to appear

The generated code looks something like this. Just make sure you replace the highlighted part (thequickblog) with your Twitter username.

<a href="https://twitter.com/thequickblog" class="twitter-follow-button" data-show-count="false">Follow @thequickblog</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

Types of Twitter Follow Buttons

  • Large button with no follower count
<a href="https://twitter.com/thequickblog" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @thequickblog</a>
  • Large button with follower count
<a href="https://twitter.com/thequickblog" class="twitter-follow-button" data-show-count="true" data-size="large">Follow @thequickblog</a>
  • Medium button with no follower count
<a href="https://twitter.com/thequickblog" class="twitter-follow-button" data-show-count="false">Follow @thequickblog</a>
  • Medium button with follower count
<a href="https://twitter.com/thequickblog" class="twitter-follow-button" data-show-count="true">Follow @thequickblog</a>

Suggested Information : How to Embed a Tweet on Your Website or Blog

You May Also Like