Official Twitter share Button with counter...

Hi readers,  

@Twitter has now officially released new Sharing Buttons with counter(Tweet Button). The button comes in three styles and has a new URL shortener(t.co).  The tweet button will show how many times your post has been shared on twitter. 

To install the new tweet button on blogger, Follow these steps 
1 . Configure the Tweet Button using this Simple Installer(Code and Demo will be updated according to the details that you provide here)

Demo:

Button Type:	Vertical Counter Button Horizontal Counter Button Button with No Count
Button Location:	Top Right of the Post Top Left of the Post Bottom Right of the Post Bottom Left of the Post
Syntax of the Tweet:	via @username RT @username
Your Twitter User Name
User name of Related Twitter account
Description of the Related Account
Lanuage of the Button	English French German  Spanish Japanese
Display	On Post pages only EverywhereEverywhere other than Static Pages

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style="float:right;padding:4px;">
<a href='http://twitter.com/share' rel='nofollow' class='twitter-share-button' expr:data-url='data:post.canonicalUrl' expr:data-text='data:post.title' data-related='o2tricks:Tips, Tricks & Tutorials' data-count='vertical' data-via='o2tricks'  data-lang='en'></a>
<b:if cond='data:post.isFirstPost'>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js">
</script>
</b:if>
</div>
</b:if>

2.Copy the generated Code

3. Login to your Blogger Dashboard and Navigate to Design > Edit HTML 

4. Click on the Check box which says “Expand Widget Templates”

5. Now Look for 

<data:post.body/>

and immediately above it paste the following code snippet(after proper editing)

6.Save your template and now you should see the twitter button near each of your blog posts.

Hope you like this one, Like it, Tweet it & Share it ...

Please give me your feedback in comment box, Don't be Silent reader's...