Adding Google's +1 (plus one) button to your Posterous - How Do I...

As well all know, Javascript isn’t allowed in Posterous themes. Luckily, iframes are and that’s what we’ll use to go around the no Javascript limitation.

Simply go to your Posterous dashboard, click "Settings" on the top right, then click the "Edit Theme" button and select the "Advanced tab". Now, all you have to do is paste one of the following snippets where you want the button to show up and click the "Save, I’m done!" button.

• Standard button:

1	<iframe src="http://dev.syskall.com/plusone/?url={Permalink}" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" style="border:0;width:110px;height:30px;"></iframe>

view raw gistfile1.txt This Gist brought to you by GitHub.

view raw gistfile1.txt This Gist brought to you by GitHub.

• Tall button:

1	<iframe src="http://dev.syskall.com/plusone/?url={Permalink}&size=tall" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" style="border:0;width:50px;height:60px;"></iframe>

view raw gistfile1.txt This Gist brought to you by GitHub.

view raw gistfile1.txt This Gist brought to you by GitHub.

That’s all you have to do to integrate Google +1 to your Posterous.

If you want to host the script yourself, the source code is available on Github:

git clone https://olalonde@github.com/olalonde/google-plusone-posterous.git

Thanks to Olivier Lalonde for writing this tutorial!

Let us know in the comments if you are experiencing any problems!

via howdoi.posterous.com

If you're looking to add Google+1 to your Posterous posts, here's a way. Autoposting to Google+ is won't happen until the API is released, See: http://www.quora.com/When-will-Posterous-allow-autoposting-to-Google+