Update: The Official Twitter share button has started working. You can try it below here.
The official Twitter button will be out by tomorrow and many still can’t wait to see the launch of official Twitter button. Hence this is a pre post on how to add the button on WordPress and Blogger blogs. Since the Twitter button hasn’t been officially launched, the retweet won’t work for some time although you can see the number of share counts. But once its launched, the retweet function starts working seamlessly. So as of now, I will be guiding you on, how to install the Twitter official button on your Blogger and WordPress blogs.
See the demo
For WordPress Blogs
Step 1: Navigate to header.php and copy the code which you find below. Paste the code between <head> and </head>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
Step 2: Now go to single.php and paste this code anywhere you want. (possibly place it before <?php the_content(); ?>)
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="YOUR TWITTER HANDLE">Tweet</a>
If, you want to add horizontal button, just remove this line data-count=”vertical” from step 2.
For Blogger blogs
Step 1: Copy this code and paste the with </head> in Edit HTML
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
Step 2: Search for <div class=’post-header-line-1’/> if not <data:post.body/> and immediately after that place this code.
<div style='float:right; margin-right:10px;'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="YOUR TWITTER HANDLE">Tweet</a>
</div>
[Image credit- Mashable]
