Add Twitter Follow Button to Blogger Blogs

Twitter follow button has started gaining great attention from blogosphere. More and more blogs are adding it just near the post titles or on top sidebar to increase the number of their twitter followers and indirectly increase their pageviews. This button is an official button created by twitter developers and does not belong to a third part. As opposed to the retweet button this button loads quickly and doesn't disturb the load time of your website.

Adding Twitter Follow button to Blogspot Blogs

To add the button to the widget section of your BlogSpot blogs i.e. Sidebars, below or above Post body, header etc. then do this

1. Go to Blogger > Design
2. Choose HTML/Javascript Widget
3. Paste the following code inside it and drag the widget to add your button to any location you want

<a href="http://twitter.com/safdarhussain1" class="twitter-follow-button">Follow @safdarhussain1</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

Replace safdarhussain1 with your twitter user name
    4. Save your widget and you are done!

Add Twitter Follow Button Below Post titles

 

 

If you wish to add the button below post titles then do this,

1. Go To Blogger > Design > Edit HTML
2. Backup your template
3. Check the "Expand Widgets Template" box
4. Search for this code,

<data:post.body/>

     5.   Just above it paste the following code,

<a href="http://twitter.com/safdarhussain1" class="twitter-follow-button">Follow @safdarhussain1</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

Replace safdarhussain1 with your twitter user name.
     6.   Save your template and you are done.