How to Add a Twitter Follow Button With or Without Count in Blogger?

SOCIALIZE IT →

Tweet

---

Recently, I was looking around my website and look for things i was missing. I noticed that my website has no twitter follow button which allow visitors to follow me on twitter. Then I go through the Google and found very easy to use twitter follow buttons available in different size. I used a simple button as shown below post title. Thanks to twitter for creating such a simple and easy to use buttons for developers.

Also Read: How to Add a Floating Facebook Like Box in Blogger?

How can we Add Twitter Follow button in Blogger?

1. Sign in to Blogger
2. Goto Layout > Add a Gadget
3. Select HTML / JavaScript
4. Paste one from following codes in content field
5. Replace eHowBlogger with your twitter name
6. Save and you have done.

Follow @eHowBlogger

Medium button, no follower count

<a href="https://twitter.com/eHowBlogger" class="twitter-follow-button" data-show-count="false" data-size="medium">Follow @eHowBlogger</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>

Follow @eHowBlogger

Medium button with follower count

<a href="https://twitter.com/eHowBlogger" class="twitter-follow-button" data-show-count="true" data-size="medium">Follow @eHowBlogger</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>

Follow @eHowBlogger

Large button, no follower count

<a href="https://twitter.com/eHowBlogger" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @eHowBlogger</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>

Follow @eHowBlogger

Large button with follower count

<a href="https://twitter.com/eHowBlogger" class="twitter-follow-button" data-show-count="true" data-size="large">Follow @eHowBlogger</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>

---

Follow @eHowBlogger

Author:

Zaka Ur Rahman

Get Latest Updates

For Further Reading,

Widgets