Adding Tweetmeme's "Retweet" button to Blogger.com

Jan 12, 2010

Today I finally got round to adding a "Retweet" button from tweetmeme.com to this blog. Which I strongly recommend to anyone, by the way.

Our blog is blogspot-powered, which makes things a bit complicated. After spending some time googling for a solution, I finally gave up and came up with my own.

So, to add a tweetmeme's "retweet" button to your blog at blogger.com follow these steps:
  1. Do not use the Blogger's built-in "Tweetmeme" gadget. It adds the button to the blog's sidebar which makes it impossible to retweet individual posts from the blog's homepage.
  2. Log in to your Blogger account.
  3. Navigate to your blog's "Layout" page.
  4. Click "Edit HTML".
  5. Check the "Expand Widget Templates" box.
  6. Locate this text:
    <div class='post-header-line-1'/>
  7. Add this code right after it:
    <div style='float:right;margin-left:10px'><script type='text/javascript'>
    tweetmeme_url = '<data:post.url/>';tweetmeme_source = 'USERNAME';
    </script>
    <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script></div>
  8. Replace "USERNAME" with your Twitter-name in the code above


Unfortunately, I found no way to add this button to the blog feed. Anyone knows a way of doing this?

0 comments:

Post a Comment