Tuesday 13 March 2012

Flattr Pays You


Flattr is a relatively new social micro-payment service founded by Linus Olsson and Peter Sunde. You have seen some internet websites having paypal buttons and asking for donations if you like the content. Flattr is from same category but has some differences. So here I am explaining what is Flattr?.

Flattr encourage people to share money aside from content. Yes, its very hard to earn money with content on the web but Flattr makes it possible for people to give monetary tokens of appreciation and for bloggers and content creators to earn money. How does it work practically?

Create a account at flattr and transfer some amount of money to it by paypal or credit card. Please remember flattr is all about giving and getting. Withdrawals are supported so, you can withdraw your money via PayPal and Moneybookers.

Minimum 2 euros you can spend monthly. So, each time when you click on a flattr button on a website you give a share of this monthly amount to that website. This can be explained with a cake analogy. Your monthly flat rate, say 2 euros, is the cake. Each time you click on a flattr button this cake is divided into another part. Please see a video introduction of flattr to understand clearly.



In order to make money with flattr you need to add a flattr button on your blog/website. Simply follow below steps and add the piece of JavaScript code in your site. See preview of flattr button.

Flattr Button Preview

How To Add Flattr Donation Button To Blog

1. First go to https://flattr.com and create an account.

2. Next go to Blogger Dashboard Design tab ---> Page Elements tab.

3. Click on "Add a Widget" then select "HTML/JavaScript" Widget.

4. Paste the following code inside the widget.
<script type='text/javascript' src='http://api.flattr.com/js/0.6/load.js?uid=Shahzad'> </script>
<div style='text-align:center;'><a id='main_flattr' class='flattrbutton' style='display:none;' href=''></a></div>
<script type='text/javascript' src='http://melpomene.github.com/flattr-on-blogger/flattrbutton.js?compact=true&everywhere=true'></script>
5. If you would like to show flattr button below each blog post. Then search for <div class='post-footer-line post-footer-line-2'> and past below code just after it.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript' src='http://api.flattr.com/js/0.6/load.js?uid=shahzad'> </script>
<div style='text-align:center;'><a id='main_flattr' class='flattrbutton' style='display:none;' href=''></a></div>
<script type='text/javascript' src='http://melpomene.github.com/flattr-on-blogger/flattrbutton.js?compact=true&everywhere=true'></script>
</b:if>
5. Replace shahzad with your flattr username.


No comments:

Post a Comment