Friday, November 13, 2015
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.
Large Twitter Follow Button With Followers Count
Style 2
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.
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
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
<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
<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>
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
