image0There are many Plugins an HowTos to include Flattr to different webservices and platforms.

Here is the HowTo for Posterous.com:

To enlarge pictures click on it!

  • Login to your posterous Account and click on “Settings”! And then on Customize in the gearwheel-menu behind your posterous space image1
  • Then first choose your prefered theme (I choose Dakhar) and then click on “Advanced” image2
  • Click on “Enable advanced theming” and give your new theme a name image3
  • Click on Expand to view theme-code image4
  • Scroll to {block:Tweet /} or to any other place wherever you want your button image5
  • Add Button CodeNormal:
<iframe src= "http://api.flattr.com/button/view/?uid=lioman&amp;url={Permalink}&amp;title={Title}&amp;description=Posterous post&amp;language=de_DE&amp;tags={block:TagList}{block:TagListing}{TagName},{/block:TagListing}{/block:TagList}" frameborder="0" scrolling="no" width="55px" height="62px"></iframe>

**Update: Don't use compact mode! Webkit-Browser don't show it
properly. Use the default code or resize (much bigger) the iframe if
you have to use the compact button.**

Compact:

.. code:: html

<iframe src= "http://api.flattr.com/button/view/?uid=lioman&amp;url={Permalink}&amp;title={Title}&amp;button=compact&amp;description=Posterous post&amp;language=de_DE&amp;tags={block:TagList}{block:TagListing}{TagName},{/block:TagListing}{/block:TagList}" frameborder="0" scrolling="no" width="55px" height="62px"></iframe>

| **Change the *"uid"* to your Flattr-ID (or I get the reward :-) )**
| Change category  to your preferred type: text, images, video,
  audio, software, rest
  • Preview your theme and if everything looks nice -  save it ! image6

Everything is done and your readers can flattr your Posterousblog

Update7: Image and description updatet on new posterous design

Update6: Code Updated, Tags are now supported!

Update5: It seems that Posterous changed the way the how the title is displayed. You have to change the code back to previous version. “{TitleCssEscaped}” must be replaced by “{Title}”
Update4: Code updated! Titels with additional characters like “#” are now supported
Update3: Code updated there has to be an space after src=
Update2: Everything works fine with default button.
Update: Code dosen’t work for Chrome/Chromium. Wegkit-browsers ignore the scrolling= no attribute. I try to improve that.
Share_on_Posterous