GENiALi's Blog

inDE Original

0TweetsRetweet

Recently I described how you easily can integrate button the Flattr in BlogEngine.NET . This solution had as its shortcomings and problems. I also mentioned that it will be sooner or later even a correct extension. I have now created.

The installation in the blog should cause no problems actually.

1. Download the ZIP archives. -> GEBEE_Flattr_Extension.V.1.0.zip
2. Bag in the root directory of BlogEngine.NET. The directory structure should actually fit.
3. A piece of code installed in the file PostView.ascx. It is important to only a part of < % = GEBEEFlattr.GetFlattr(Post) % >.
   

   < div class = "Flattr" >
   This post is what worth: & nbsp; < % = GEBEEFlattr.GetFlattr(Post) % >
   < / div >

4. In the settings still the user ID record and set the rest.

That was already there.

The administration area looks like this:

And the built-in button might look like:

The generated Java script snippet looks like this.

<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>

So have fun with the 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. Automatically be unpacked into the correct directory will all files.
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" >
   This post is what worth: & nbsp; < % = GEBEEFlattr.GetFlattr(Post) % >
   < / div >

4. Log into your administration panel and go to the extension settings. Here you have to enter your user ID Flattr 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!