Cùran's life
A Debian Developer's observations

11th May 2011 11:29 (GMT)
Flattr "released" donation button

Some might remember, that I have been asked in the past to add Flattr to the available support models. And after considering this a little more, I wanted to add support options to my blog too. So I looked into the different options already available and found, that while Flattr offered a donation option, they had no graphic available like the PayPal donation button. Thus I contacted the Flattr guys and they responded almost immediately by sending me a tarball with two images and an example HTML file. You can see that in action below (this is the ECMAScript version, the CSS version can be seen on the right side of this website):

Flattr donation button

If you want to use it on your own homepage here is, what you need to do:

  1. Download the images (normal, hover) to your server/webspace.
  2. Add the following to the page(s) where you want to see the Flattr donation button:
    Flattr donation button
    

    You need to replace [USERID] with your registered user name.
  3. You're done!

You can, of course, also just download the first image and skipt the whole hover effect stuff. And, of course again, you can also use CSS to implement the hover effect, as I do it on this site. In that case just remove the img tag from the code snippet above, add a unique id (let us assume it is flattrDonate) to the a tag and add the following to your style sheet:

#flattrDonate {
        display:        block;
        background-image: url('/imgs/flattr_donate_normal.png');
        width:          56px;
        height:         21px;
}

#flattrDonate:hover {
        background-image: url('/imgs/flattr_donate_hover.png');
}

Obviously you need to change the URL to point to your copies of the two images.

Permalink | flattr, meta, xhtml.

License: Creative Commons Attribution-ShareAlike 3.0 Unported License | Imprint (Impressum) | Privacy Policy (Datenschutzerklärung) | Compiled with Chronicle v4.6

Archives

Tags
Feed
Support my Debian work!
Validated