How To Add Official Twitter Share Button on Blogger/WordPress Posts?

 
How To Add Official Twitter Share Button To WordPress
Few months back Twitter has officially released twitter share buttons.Before the realse of official twitter share button webmasters were using retweet button to share tweets powered by tweetmeme.Add this button to your website to let people share content on Twitter without having to leave the page.You must use it because it’s amazing tool to improve your web traffic, connecting with your visitors, and lot more.So, lets see how to add this new tweet button on your blog.
The twitter share button is available in three different styles:
  1. Horizontal
  2. Verticle
  3. No Count

Add Official Twitter Share(Tweet) Button To Blogger Blog

1. Login to blogger Dashboard .
2. Go to the Design –> Edit HTML of your blog.
3. Now click on the check box Expand Widget Templates .
4. Search for <data:post.body/>
5. Now add the below code on either above it,
<div style=”float:right; padding:10px;”>
<a href=”http://twitter.com/share”  class=”twitter-share-button”  data-count=”vertical” data-via=”geekyard“>Tweet</a>
<script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script>
</div>
Note:
Replace geekyard with user twitter username :)
6. Save template add view your blog.

Add Official Twitter Share(Tweet) Button To WordPress

1. Copy the following code and replace geekyard with your twitter account name.
<div style=”float:right; padding:10px;”>
<a href=”http://twitter.com/share”  class=”twitter-share-button”  data-count=”vertical” data-via=”geekyard“>Tweet</a>
<script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script>
</div>
2. Goto WordPress Dashboard –> Appearance –> Editor and select single.php file.
3. Paste the copied code into Single.php and save the file.
Note:
If you want the horizontal or no count button then simply change the text vertical in the code to horizontal for horizontal button or none for no count button.
If you wish retweet botton to appear at left side change,
<div style=’float:right; margin-left:10px;’>
as
<div style=’float:left; margin-left:10px;’>

Enjoy with more tweets ;)

Popularity: 3% [?]

Related posts:

  1. Add Retweet Button For Your WordPress Blog
  2. Add Digg this Button For Your WordPress Blog
  3. Add Twitter Floating Follow me button on Blogger
  4. Add Google Buzz Button to Your WordPress Blog Posts
  5. Add Facebook Share Button For Your WordPress Blog

Subscribe to receive more Adsense, SEO,Blog Hacks articles to your Inbox

Share this Post:
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

One Response to “How To Add Official Twitter Share Button on Blogger/WordPress Posts?”

commenter

thanks praveen for sharing but i have some problems regarding that can you send me some detailed information about pointing this button on twitter

Leave a Reply:

Name (required):
Mail (will not be published) (required):
Website:
Comment (required):
XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

CommentLuv badge

Spam protection by WP Captcha-Free