Adding to Posterous

We’ve been keeping in touch with Dan who gave us the details of how to get our TweetMeme button into Tumblr and now he’s done a fantastic job of getting our button into Posterous.

It turns out that the process is even easier than on Tumblr because there’s no javascript or iframe allowed in a Posterous theme (yet), so the only route left is to use the image based Tweetmeme button designed for RSS and email.

Go to http://posterous.com/main/account Click on the down arrow to the right of the “Post by email” button and click on “Theme my site”. Once that has loaded, there’s a tab in the top left labeled “Advanced” which will show you all the code.

Here’s the code I am using:

You should change the following parts:

To use this on your Posterous blog, insert it somewhere between {block:Posts} and {/block:Posts} so that the ?url={Permalink} actually picks up the individual post’s URL. I cheated a little by using the CSS that was designed to keep the date to the top left of each post’s title as a way to hold the Tweetmeme button in place – <div></div> – and I then put the post’s date stamp at the bottom of each post before the Comments.

If you need more info on including API keys for URL shorteners then check this help page on Tweetmeme, otherwise this should ‘just work’.

If you would like to see the full blog post and the TweetMeme button in action on a Posterous blog then do pop over to Dan’s site where he has all the details!  Thanks again for all your hard work Dan!