One way to show your popularity on the social media or to show how much people appreciated your contributions to the internet world and knowledge, is to show the number of your followers, subscribers or number of those who like your fan pages.
It feels good that I have over a thousand followers on my flagship Twitter account, @infoplaze, and I needed to show this on my website 🙂 Before I go on, I want to say a BIG “THANK YOU” TO ALL MY FOLLOWERS ON TWITTER 🙂
And so, I had to ask the all-knowing Google “how to add a Twitter follower count on your website.” This is probably the first time Google will disappoint me, as a simple search took days without luck. What I got was something close to it @ twittercounters.com. I was not really satisfied as I wanted something original from Twitter themselves.
After so many clicks I decided to do my search on Twitter’s website. It paid off. Please follow my simplified guide below:
1. Navigate to Twitter’s web page…click here
2. From the drop down bar, choose a handle like..
3. Choose Twitter Buttons
4. Choose Follow Button
Simply copy the code provide on the code bar.
What you would see looks like this…
<a href=”https://twitter.com/TwitterDev” class=”twitter-follow-button” data-show-count=”false“>Follow @TwitterDev</a><script async src=”//platform.twitter.com/widgets.js” charset=”utf-8″></script>
Simply change the handle on your code to your own. Also, if you want the follow count to show, change the false above to true.
Implementing the code
The code has to be pasted into the HTML of your website as follows:
Step 1 : Go to your dashboard and click Appearance =} widget.
Step 2 : Drag the text (HTML) widget to the side bar of your choice
Step 3 : Copy and paste the code into the widget box that opened up after dropping it at the side bar of your choice
Step 4 : Click “save” (please look up to see a screen shot of my right side bar)
Pages and Posts
Step 1: From your dashboard, click “Pages” or “Posts”
Step 2 : Click “Add new” and create your page or post
Step 3 : Click “Text” at the top right of the box where you are doing your typing
Step 4 : Take your cursor to the position where you want the follow button to appear and press “enter” on your system (PC or tablet)
Step 5 : Copy and paste the code to that location
Step 6 : Click “Visual” top right and continue with the Page creation.
I hope this tutorial would be or was of help to you. If it was please tell someone else. If it did not please let me know. Either way, I would appreciate a feedback from you. I would also be very willing to assist if you need my help 🙂
Thanks a lot for your time 🙂