How to add Twitter follow me button on your WordPress Blog

Twitter follow me button is a small widget that allows users to easily follow a Twitter account from a website or blog. Just as the tweet button we add to our blog posts, the follow me button works on the same principle. I am going to save us a lot of that grammar…let’s just get started.

How to add Twitter follow me button on your WordPress Blog:
1. Go to the Twitter follow button configuration page
2. Under Button options, put your username under users
3. Check the Show username if you want your button to have your username on it
4. Check large button if you will like the button to be big, you will see the preview by your right hand corner as you are checking or unchecking any of the checkboxes.
5. Select your language
6. After carefully selection your desired options, a code will be generated under the preview and code, copy it.
7. Login to your WordPress Dashboard, under appearance select Widgets.
8. Drag a text widget to the location on your blog you will want the button to appear and paste the copied code in it and save.
9. Refresh your blog and see the newly added follow me button on your blog.

Customization: The follow me button can be further customized to show the number of followers following you on Twitter.

<a href=”https://twitter.com/username” class=”twitter-follow-button” data-show-count=”true” data-show-screen-name=”true” data-size=”large”>Follow @username</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=”//platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);</script>

The code above is a sample of the generated code for the follow me button. It has two parts but our main concern is on the first one.

<a href=”https://twitter.com/username” class=”twitter-follow-button” data-show-count=”true” data-show-screen-name=”true” data-size=”large”>Follow @username</a>

Data-show-count: The segment of this code shows the number of followers, by default it is true to turn it off use data-show-count=”false”.

Data-show-screen-name: This segment of this code shows your username on the button, if you want to turn it off use data-show-screen-name=”false”.

Remember to change the “username” to your twitter username.
I hope you love this post, if you have any contributions please use the comment box below . You should also Subscribe to NetMediaBlog Feeds by Email. Remember to share this post with your friends. I hope you read my last blog post called “Some nice twitter browser clients“