How to Add a Twitter Follow Button to Your Website / Blog

Ever since the follow button was first released way back in May of 2011, social media buttons have become a staple of blogging.

Adding Twitter buttons to your website will help your visitors share content and connect with you on Twitter. Thankfully, Twitter has made adding a follow button so simple, even an amateur blogger can easily do it.

If you’re ready to add a Twitter follow button to your blog, get your browser ready and head to Twitter.

Adding a Button

Once you’re on the Twitter homepage, log into the account that you would like to create a follow button for. After you’re logged in, head to the official Twitter follow button creation tool, which is available here.

This page will allow you to create a customized follow button for your blog. You can select between the “share a link” button, the “follow” button, the “hashtag” button, and the “mention” button.

You can also alter the size and language of your button, and then preview it to make sure it’s exactly what you want. Once you’re satisfied with the button you’ve designed, copy and paste the provided HTML into the HTML of your blog.

Create Your Own Button

If the Twitter site is down, or you’re not able to utilize the Twitter follow button creation tool for any other reason, below you can find the code for creating your own follow button. Don’t forget to replace “blogence” with your Twitter username.

<a href="" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @blogence</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);;js.src="//";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

This code is also fairly easy to customize. For example, displaying your follower count is a great way to mobilize social proofing on your blog, and it’s easy to do in this code. Just change the data-show-count variable from “false” to “true”, and your button will display how many followers you have.

Similarly, if you want to decrease the size of the button slightly, change the data-size variable from “large” to “medium”, and your button will slim down significantly.

Speak Your Mind


This site uses Akismet to reduce spam. Learn how your comment data is processed.