GENiALi's Blog

inEN by MS

0TweetsRetweet

Vor kurzem habe ich beschrieben wie man relativ einfach den Flattr Button in BlogEngine.NET einbinden kann. Diese Lösung hatte noch so seine Mängel und Tücken. Ich habe auch erwähnt das es über kurz oder lang noch eine richtige Extension geben wird. Die habe ich jetzt erstellt.

Der Einbau in das Blog sollte eigentlich keine Probleme verursachen.

1. Herunterladen des ZIP Archives. --> GEBEE_Flattr_Extension.V.1.0.zip
2. Einpacken ins Root Verzeichnis von BlogEngine.NET. Die Verzeichnisstruktur sollte eigentlich passen.
3. Ein stück Code in der Datei PostView.ascx einbauen. Wichtig ist nur der Teil <%= GEBEEFlattr.GetFlattr(Post) %>.
   

   <div class="Flattr">
   Dieser Beitrag ist mir was wert: &nbsp;<%= GEBEEFlattr.GetFlattr(Post) %>
   </div>

4. In den Settings noch die User ID erfassen und den Rest einstellen.

Das war es eigentlich schon.

Der Administrationsbereich sieht so aus:

Und das eingebaute Button kann so aussehen:

Das generierte Java Script Snippet sieht z.B. so aus.

<script type="text/javascript">
    var flattr_btn = 'compact';
    var flattr_uid = '25101';
    var flattr_tle = 'GEBEE - Flattr Extension 1.0';
    var flattr_dsc = 'Vor kurzem habe ich beschrieben wie man relativ einfach den Flattr Button in BlogEngine.NET einbinden kann. Diese L&#246;sung hatte noch so seine M&#228;ngel und ...';
    var flattr_cat = 'rest';
    var flattr_lng = 'de_DE';
    var flattr_tag = 'GEBEE, GEBEEFlattr, Extensions, BlogEngine.NET, Flattr';
    var flattr_url = 'http://blog.geniali.ch/post/2010/08/06/GEBEE-Flattr-Extension-10.aspx';
    var flattr_hide = 'False';
</script>
<script src="http://api.flattr.com/button/load.js" type="text/javascript"></script>

Also viel Spass beim flattrn.

English

English text by http://gordon-breuer.de

In a previous article I described how to integrate the Flattr button within the BlogEngine.NET. This solution had a few shortcomings and I mentioned that there will be a real extension sooner or later. This future is now:

The integration into your own installation of the BlogEngine.NET is a straight forward process in four easy steps:

1. Download the ZIP archive, here: GEBEE_Flattr_Extension.V.1.0.zip
2. Extract the downloaded archive into the root directory of your BlogEngine.NET installation. All files will automatically be unpacked into the correct directory.
3. Now you have to insert a small piece of code into your PostView.ascx where the Flattr button should be displayed. I created the extension as a user control so that you can decide where to insert it on your blog wherever you want: <%= GEBEEFlattr.GetFlattr(Post) %>
   

   <div class="Flattr">
   Dieser Beitrag ist mir was wert: &nbsp;<%= GEBEEFlattr.GetFlattr(Post) %>
   </div>

4. Log into your administration panel and go to the extension settings. Here you have to enter your Flattr User-ID and you can change some visual options of how to display the button like in the following example:

   

This is an example of how your button could look:

The user control is generating some Javascript to generate the Flattr Button. Here is an example of this generated code:

<script type="text/javascript">
    var flattr_btn = 'compact';
    var flattr_uid = '25101';
    var flattr_tle = 'GEBEE - Flattr Extension 1.0';
    var flattr_dsc = 'Vor kurzem habe ich beschrieben wie man relativ einfach den Flattr Button in BlogEngine.NET einbinden kann. Diese L&#246;sung hatte noch so seine M&#228;ngel und ...';
    var flattr_cat = 'rest';
    var flattr_lng = 'de_DE';
    var flattr_tag = 'GEBEE, GEBEEFlattr, Extensions, BlogEngine.NET, Flattr';
    var flattr_url = 'http://blog.geniali.ch/post/2010/08/06/GEBEE-Flattr-Extension-10.aspx';
    var flattr_hide = 'False';
</script>
<script src="http://api.flattr.com/button/load.js" type="text/javascript"></script>

Happy flattering!