Platform Twitter Follow Button Widget For Blogger

A twitter follow button allows your readers to easily follow your blog/site on Twitter. This helps in increasing your blog's page views since you'll have more return visitors to your blog. Also, more followers on your twitter account means you'll likely get more retweets on blog posts you've shared on twitter. On retweeting, their followers can also view the post and by this, you're actually promoting your blog on one of the largest social networking sites.

The twitter follow button widget can be placed in your blog's sidebar or footer. and below are the various sizes of the platform twitter follow button widget have been given, follow the steps below to add one on your blog.


Also Read:    Sliding Recent Posts Blogger Widget 2016
                    Social Media Follow Buttons Widget For Blogger
                    Email Subscription Widget For Blogger

 How to Add Twitter Follow Button Widget In Blogger

  • From your Blogger Dashboard,
  • Goto Layout
  • Select 'Add a gadget'
  • Click on 'HTML/Javascript' (refer to this post on how to add widgets/gadget in blogger layout)
  • Copy the code for any of your preferred styles below and paste in the text field.
  • Replace the fields specified 'Username' with your twitter username
Style 1

 Large Twitter Follow Button With Followers Count



<a href="https://twitter.com/USERNAME" class="twitter-follow-button" data-show-count="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>


Style 2

Medium Twitter Follow Button With Followers Count


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


Style 3

Large Twitter Follow Button Without Followers Count


Platform Twitter Follow Button Widgets

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



Also Read:    Stylish Popular Post Widget For Blogger
                    Numbered Page Navigation Widget For Blogger Blogs



Style 4

Medium Twitter Follow Button Without Followers Count 




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

  • Save the gadget

Do you like this post? Please link back to this article by copying one of the codes below.

URL Of Post:


HTML Link Code:

BB (forum) link code:

Comments