How To Add Official Twitter Button On Your Blog

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.

twitter's official twitter button

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]

August 11, 2010. This entry was posted in Blogger, Tutorials, Twitter, WordPress and tagged . Bookmark the permalink.

We Recommend HostGator Hosting

Bloggermint strongly recommends Hostgator Hosting for all of your web hosting needs. Sign up today for WordPress Hosting at just $4.95/month.

Use coupon code "bloggermint" to get 25% discount on any hosting packages. Get an account with Hostgator now!