diff --git a/static/css/elegant.css b/static/css/elegant.css
index 9d82f64b..ec53ea48 100644
--- a/static/css/elegant.css
+++ b/static/css/elegant.css
@@ -182,6 +182,9 @@ article div.article-content ul:not(.articles-timeline) a:hover {
     text-decoration: none;
     text-shadow: none;
 }
+article iframe.FlattrButton {
+    margin-top: 10px;
+}
 .article-content, div.recent-posts p {
     font: 1.2em/1.6em 'PT Serif', Georgia, 'Times New Roman', Times, Serif;
     text-align: justify;
diff --git a/templates/_includes/flattr.html b/templates/_includes/flattr.html
new file mode 100644
index 00000000..2f5c2411
--- /dev/null
+++ b/templates/_includes/flattr.html
@@ -0,0 +1,32 @@
+{% macro flattr_script() %}
+{% if FLATTR_USER %}
+<script type="text/javascript">
+/* <![CDATA[ */
+    (function() {
+        var s = document.createElement('script');
+        var t = document.getElementsByTagName('script')[0];
+
+        s.type = 'text/javascript';
+        s.async = true;
+        s.src = '//api.flattr.com/js/0.6/load.js?'+
+                'mode=auto&uid={{ FLATTR_USER }}&language={{ DEFAULT_LANG }}&category=text&button=compact';
+
+        t.parentNode.insertBefore(s, t);
+    })();
+/* ]]> */
+</script>
+{% endif %}
+{% endmacro %}
+
+{% macro flattr_button(article) %}
+{% if FLATTR_USER %}
+<a class="FlattrButton" style="display:none;"
+    title="{{ article.title|striptags|escape }}"
+    data-flattr-uid="{{ FLATTR_USER }}"
+    data-flattr-tags="{{ article.tags|join(', ') }}"
+    data-flattr-category="{{ article.flattrcategory|default('text') }}"
+    href="{{ SITEURL }}/{{ article.url }}">
+    {{ article.summary|striptags|truncate(2000)|escape }}
+</a>
+{% endif %}
+{% endmacro %}
diff --git a/templates/article.html b/templates/article.html
index 2247cf8d..4be12c89 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -79,6 +79,7 @@ <h4>Contents</h4>
         </div>
         <section>
         <div class="span2" style="float:right;font-size:0.9em;">
+            {{ flattr.flattr_button(article) }}
             {% if article.date %}
             <h4>Published</h4>
             {% set day = article.date.strftime('%d')|int %}
diff --git a/templates/base.html b/templates/base.html
index 57088d44..cfdec90a 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -49,6 +49,8 @@
         {% include '_includes/feeds.html' %}
         {% endblock feed_links %}
         {% include '_includes/analytics.html' %}
+        {% import '_includes/flattr.html' as flattr with context %}
+        {{ flattr.flattr_script() }}
     </head>
     <body>
         <div id="content-sans-footer">
