Add Twitter Follow button to Website / Blog
The Twitter follow button gives your website / blog visitors a way to follow you on twitter directly in a single click. You can put the new follow button on your blog or website just by a simple copy-paste of the code provided by twitter. You can also control the display of followers count with it. It is available in two themes: dark and light.
You can grab the twitter follow button code from Twitter resources or can copy-paste the code directly from this blog post.
Twitter Follow button code for Website, WordPress, Blogger & Tumblr
<a href="https://twitter.com/techably" class="twitter-follow-button" data-show-count="true">Follow @techably</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>
Replace techably with your twitter username in the above code and place wherever you want it to appear on your website or blog. This code is valid for static HTML based Websites, WordPress, Blogger, MoveableType and Tumblr platforms.
You can alter the following parameters to customize your Twitter follow button:
| Parameter | Function | Possible Values |
|---|---|---|
| data-show-count | Followers count display | true, false |
| data-lang (optional) | Language | specify the language in this field |
| data-width | Twitter follow button Width | Integer value. Control the width of Twitter follow button through this attribute. | data-align | Twitter follow button alignment | left / right |
| data-show-screen-name | Show / Hide Twitter Name | true / false (default value: true) |
| data-size | Twitter Follow Button Size | large (don’t specify this field if not necessary) |