How To Add Official Twitter Share Count (Tweet) Button To WordPress

Till now we all were using the twitter share buttons powered by tweetmeme. Now Twitter has officially released the twitter share buttons for its users. So it’s the time to replace the tweetmeme button with official twitter share button on your blog.

In this post I’ll share a tutorial to easily add official twitter share button to your blog. The official twitter share button is available in three styles and it uses the new URL shortener t.co

How To Add Official Twitter Share Button To WordPress:

First copy the following code and replace tricksdaddy with your own twitter user name.

<div style="float:right; padding:5px;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="tricksdaddy">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>

Now sign in to your WordPress Dashboard and go to Appearance -> Editor and select single.php file.
Paste the copied code into single.php file wherever you want your code to appear. The most appropriate place for the code is above <div class=”entry”>.
Save the file and refresh your blog. Now you can see the new official twitter share button on your blog.

Customization:

The twitter button is available in following styles:

Vertical	No count	Horizontal
Tweet	Tweet	Tweet

If you want the horizontal or no count button then simply change the text vertical in the code (Step 1) to horizontal for horizontal button or none for no count button.

If you want to align the button to left of your post then change the text float:right to float:left in the code.

Tagged as: Social Media Buttons, Twitter, WordPress

{ 6 comments… read them below or add one }

increase Google pagerank August 16, 2010 at 5:26 am: Twitter is a great place for marketing if your a business. It allows you to keep in touch with all of your clients as well as make new ones. We have used Twitter since it first came out and we are glad we did.

Kamal Patel August 16, 2010 at 12:18 pm: Nice Info…going to try on my site

Technoblogsite August 19, 2010 at 1:09 am: i am using digg digg plugin and they have updated with official tweeter button.. anyways thanx for sharing…. cheer!

VISHAL August 20, 2010 at 10:00 am: I will give it a try… but i think tweetmeme is also good 1

Techpraveen September 9, 2010 at 9:12 am: I need to give it a try in my blog

TheShadow June 11, 2011 at 7:48 am: Thanks for the tutorial.But my tweet count still stands at zero after tweeting.How can i fix it