Add Vertical Twitter Like Button with Counter on Blog

Adding a twitter share button with counter which is vertically present let's people share the blog post to their thousands of followers on twitter. The counter counts the no. of times the your blog post was tweeted or shared on the twitter. Twitter can bring huge no. of people on your blog in a short time. It can increase your facebook likes and increase your subscribers in a short time. Twitter share button is present in every blog whether it is popular or not. You can add this to your website also. You just need to add the code just before the data:post.body section of your template.

Here are the steps to add the Vertical Twitter share button with counter on your website:-

Twitter share button

• Log in to your blogger account.
• Click the blog in which you want to add the tweet button.
• Click on templates.
• Click on HTML.
• Proceed and check expand widget Templates.
• Search for <data:post.body/>
• Now add the below code just before this data:post.body
• Simply Copy paste the code just before the data:post.body

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style='float:left;margin:4px;'>
<a class='twitter-share-button' data-count='vertical' data-via='satyenhacks' expr:data-text='&quot;Currently reading: &quot; + data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a>
</div>
</b:if>

• Add this code and the twitter share button with vertical counter will be added to all your blog post. 
• Now, Save the Template.
• Now people can share your content on twitter. 

If you want to add the twitter counter button after the blog post :- 

• Add the code just after the data:post.body
• Now save the Template and it will start appearing in your blog posts.

For adding the Horizontal Twitter Share Vertical Counter Button: Read my Previous Blog post Here. If there is any problem with this code, please let me know.