Add retweet button (with counter) to every post

A few days ago I have added a Tweetmeme retweet counter to this blog. I thought I would share the process with you. The button does the same thing a Tweet This or a Google Buzz button does -share you individual posts, but with an obvious difference, it comes with a counter. The counter show a live count of how many times a post has been tweeted.

Clicking the button will tweet the containing post (in which the button is in). It won’t matter if you click it in home page, in individual/post page or in any other page, it will work all the same.

Now let’s proceed with the tutorial:

1. Go to Dashboard > Design > Edit HTML.
2. Back up your template.
3. Tick the  Expand Widget Templates check box on top right of the HTML window.
4. Look for this code in your HTML:

    <data:post.body/>

5. Paste the following codes immediately below (after) it:

   <!-- Tweetmeme retweet button Start -->
   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
   <div style='float:left;padding:5px 5px 5px 0;'>
   <script type='text/javascript'>
   tweetmeme_url = '<data:post.url/>'; 
   tweetmeme_style = 'BUTTON_TYPE'; 
   tweetmeme_source = 'TWITTER_USERNAME'; 
   </script>
   <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'></script>
   </div>
   </b:if>
   <!-- Tweetmeme retweet button End -->
   

   Update July 2010: Add conditional tag to prevent button from appearing on static pages.

6. Configure button
   • Choose your preferred button type by replacing BUTTON_TYPE (in line 6) with the corresponding code below.

     Retweet button	Code
     	leave blank or delete line altogether
     	compact

   • Replace TWITTER_USERNAME in line 7 with your own Twitter username. This line will add RT @YourUsername at the beginning of each tweet to acknowledge you as the source.
     If you don’t want this, just delete line 7.
   • To also display the button in static pages, remove the conditional tag -code line 2 and 11.
7. Preview, you should see the button appear at the end each post.
8. If you like what you see then Save.
9. Enjoy!