Liomans Blog - Buttonhttps://lioman.de/42 ist die Antwort – aber wie lautet die Frage?Tue, 17 Apr 2012 14:41:00 +0200Drücken, dann wirds spannendhttps://lioman.de/2012/04/druecken-dann-wirds-spannend/<p>Ok, es ist Werbung und dadurch, dass ich es hier Poste verbreite ich diese auch noch. Aber der belgische <span class="caps">TV</span>-Sender hat das einfach gut gemacht und ich musste wirklich schmunzeln und habe mir einen solchen Button für so manche Situation&nbsp;gewünscht.</p> <p><a href="https://invidious.adminforge.de/watch?v=316AzLYfAzw" class="youtube_video" alt="YouTube Video" title="Click to view on YouTube" target="_blank" rel="noopener noreferrer"> <img width="640" height="480" src="https://invidious.adminforge.de/vi/316AzLYfAzw/sddefault.jpg"> </a></p>LiomanTue, 17 Apr 2012 14:41:00 +0200tag:lioman.de,2012-04-17:/2012/04/druecken-dann-wirds-spannend/AllgemeinActionButtonDramaFundstückVideoWerbungBlog wieder online & Google +1https://lioman.de/2011/06/blog-wieder-online-google-1/<p>Nun ist nach einem kurzem Ausfall mein Blog wieder online. Hatte am Theme ein bisschen rumgespielt und den falschen Code eingefügt. Damit war nichts mehr erreichbar und ich war auf den Support meines Hosters angewiesen. Nötig waren die Änderungen, da Atahualpa 3.6.7, im Gegensatz zum Vorgänger, keinen <span class="caps">PHP</span>-Code in den Einstellungen zulässt. Jetzt ist alles wieder in Ordnung und ich glaube es klappt&nbsp;alles.</p> <p>Als kleine Änderung habe ich noch ein paar neue Buttons eingefügt. Wikio-Boost, den weitverbreiteten Twitterbutton und den ganz neuen <a href="http://www.google.com/+1/button/">Google +1</a>&nbsp;Knopf.</p> <p>Dies geschieht erst einmal Testweise. Ich möchte nur sehen, wie dieser verwendet wird. Im Gegensatz zu den ganzen Facebookbuttons, muss man +1 derzeit im Googleprofil explizit erlauben. So lange das so ist und wenn Google sich um die Einhaltung der gestellten Bedingungen kümmert - ist der Button datenschutzmäßig unbedenklicher als der Facebookbutton. Ist einem das ganze nicht geheuer kann man zusätzlich, wie im vorherigen <a href="https://lioman.de/2011/06/google-1-blocken/">Beitrag</a> beschrieben, +1 einfach&nbsp;blocken.</p> <p>Gibt es andere Einschätzungen zu&nbsp;+1?</p> <p><a href="https://invidious.adminforge.de/watch?v=OAyUNI3_V2c" class="youtube_video" alt="YouTube Video" title="Click to view on YouTube" target="_blank" rel="noopener noreferrer"> <img width="640" height="480" src="https://invidious.adminforge.de/vi/OAyUNI3_V2c/sddefault.jpg"> </a></p>LiomanMon, 06 Jun 2011 15:44:00 +0200tag:lioman.de,2011-06-06:/2011/06/blog-wieder-online-google-1/Digital+1BlogButtonGoogleGoogle +1 blockenhttps://lioman.de/2011/06/google-1-blocken/<p> <script type="text/javascript" src="http://apis.google.com/js/plusone.js"><br /> {lang: 'de'}<br /> </script><p>Möchte man nicht, dass Google über den auf diversen Seiten auftauchende +1 Button Daten tracken kann, kann man diesen ähnlich wie den <a class="reference external" href="http://www.lioman.de/facebook-like-und-share-blockieren/">Facebook-Like bzw Share-Knopf</a> über <a class="reference external" href="https://adblockplus.org/de/">AdblockPlus</a>&nbsp;blocken.</p> </p><p>Dazu trägt man einfach folgende Zeile als Filter&nbsp;ein:</p> <p><tt class="docutils literal">||apis.google.com/js/plusone.js</tt></p> <div class="line-block"> <div class="line"><br /></div> <div class="line">Läd man dann eine Seite neu, auf der ein Button, wie hier oben drüber, steht verschwindet dieser.</div> </div> LiomanSun, 05 Jun 2011 15:27:00 +0200tag:lioman.de,2011-06-05:/2011/06/google-1-blocken/Digital+1AdBlockPlusButtonDatenschutzFilterGooglePrivacyShareAdd Flattr to Posteroushttps://lioman.de/2011/05/add-flattr-to-posterous/<p><a class="reference external image-reference" href="https://lioman.de/images/posterous2flattr.jpg"><img alt="image0" class="size-full alignright" src="https://lioman.de/images/posterous2flattr.jpg" style="width: 200px; height: 99px;" /></a> There are many Plugins an HowTos to include Flattr to different webservices and&nbsp;platforms.</p> <p>Here is the HowTo for Posterous.com: <a class="reference external" href="http://posterous.com/">http://posterous.com/</a></p> <p>To enlarge pictures click on&nbsp;it!</p> <ul class="simple"> <li>Login to your posterous Account and click on &#8220;<em>Settings&#8221;</em>! And then on Customize in the gearwheel-menu behind your posterous space <a class="reference external image-reference" href="https://lioman.de/images/posterousnewsettings.jpg"><img alt="image1" class="aligncenter size-medium" src="https://lioman.de/images/posterousnewsettings-300x158.jpg" style="width: 300px; height: 158px;" /></a></li> <li>Then first choose your prefered theme (I choose Dakhar) and then click on <em>&#8220;Advanced&#8221;</em> <a class="reference external image-reference" href="https://lioman.de/images/posterous2flattr02.png"><img alt="image2" class="aligncenter size-medium" src="https://lioman.de/images/posterous2flattr02-300x207.png" style="width: 300px; height: 207px;" /></a></li> <li>Click on <em>&#8220;Enable advanced theming&#8221;</em> and give your new theme a name <a class="reference external image-reference" href="https://lioman.de/images/posterous2flattr03.png"><img alt="image3" class="aligncenter size-medium" src="https://lioman.de/images/posterous2flattr03-300x207.png" style="width: 300px; height: 207px;" /></a></li> <li>Click on Expand to view theme-code <a class="reference external image-reference" href="https://lioman.de/images/posterous2flattr04.png"><img alt="image4" class="aligncenter size-medium" src="https://lioman.de/images/posterous2flattr04-300x207.png" style="width: 300px; height: 207px;" /></a></li> <li>Scroll to {block:Tweet /} or to any other place wherever you want your button <a class="reference external image-reference" href="https://lioman.de/images/posterous2flattr05.png"><img alt="image5" class="aligncenter size-medium" src="https://lioman.de/images/posterous2flattr05-300x207.png" style="width: 300px; height: 207px;" /></a></li> <li>Add Button&nbsp;CodeNormal:</li> </ul> <blockquote> <pre class="code html literal-block"> <span class="p">&lt;</span><span class="nt">iframe</span> <span class="na">src</span><span class="o">=</span> <span class="s">&quot;http://api.flattr.com/button/view/?uid=lioman&amp;amp;url={Permalink}&amp;amp;title={Title}&amp;amp;description=Posterous post&amp;amp;language=de_DE&amp;amp;tags={block:TagList}{block:TagListing}{TagName},{/block:TagListing}{/block:TagList}&quot;</span> <span class="na">frameborder</span><span class="o">=</span><span class="s">&quot;0&quot;</span> <span class="na">scrolling</span><span class="o">=</span><span class="s">&quot;no&quot;</span> <span class="na">width</span><span class="o">=</span><span class="s">&quot;55px&quot;</span> <span class="na">height</span><span class="o">=</span><span class="s">&quot;62px&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">iframe</span><span class="p">&gt;</span> **Update: Don't use compact mode! Webkit-Browser don't show it properly. Use the default code or resize (much bigger) the iframe if you have to use the compact button.** Compact: .. code:: html <span class="p">&lt;</span><span class="nt">iframe</span> <span class="na">src</span><span class="o">=</span> <span class="s">&quot;http://api.flattr.com/button/view/?uid=lioman&amp;amp;url={Permalink}&amp;amp;title={Title}&amp;amp;button=compact&amp;amp;description=Posterous post&amp;amp;language=de_DE&amp;amp;tags={block:TagList}{block:TagListing}{TagName},{/block:TagListing}{/block:TagList}&quot;</span> <span class="na">frameborder</span><span class="o">=</span><span class="s">&quot;0&quot;</span> <span class="na">scrolling</span><span class="o">=</span><span class="s">&quot;no&quot;</span> <span class="na">width</span><span class="o">=</span><span class="s">&quot;55px&quot;</span> <span class="na">height</span><span class="o">=</span><span class="s">&quot;62px&quot;</span><span class="p">&gt;&lt;/</span><span class="nt">iframe</span><span class="p">&gt;</span> | **Change the *&quot;uid&quot;* to your Flattr-ID (or I get the reward :-) )** | Change category to your preferred type: text, images, video, audio, software, rest </pre> </blockquote> <ul class="simple"> <li>Preview your theme and if everything looks nice - save it ! <a class="reference external image-reference" href="https://lioman.de/images/posterous2flattr06.png"><img alt="image6" class="aligncenter size-medium" src="https://lioman.de/images/posterous2flattr06-300x207.png" style="width: 300px; height: 207px;" /></a></li> </ul> <p>Everything is done and your readers can flattr your&nbsp;Posterousblog</p> <p><strong>Update7:</strong> Image and description updatet on new posterous&nbsp;design</p> <p><strong>Update6:</strong> Code Updated, Tags are now&nbsp;supported!</p> <div class="line-block"> <div class="line"><strong>Update5:</strong> It seems that Posterous changed the way the how the title is displayed. You have to change the code back to previous version. &#8220;{TitleCssEscaped}&#8221; must be replaced by &#8220;{Title}&#8221;</div> <div class="line"><strong>Update4:</strong> Code updated! Titels with additional characters like &#8220;#&#8221; are now supported</div> <div class="line"><strong>Update3:</strong> Code updated there has to be an space after <em>src=</em></div> <div class="line"><strong>Update2:</strong> Everything works fine with default button.</div> <div class="line"><strong>Update:</strong> Code dosen&#8217;t work for Chrome/Chromium. Wegkit-browsers ignore the scrolling= no attribute. I try to improve that.</div> <div class="line"><a class="reference external image-reference" href="http://posterous.com/share?linkto=http://www.lioman.de/add-flattr-to-posterous/"><img alt="Share_on_Posterous" src="http://posterous.com/images/share/share_posterous.png" /></a></div> </div> LiomanThu, 12 May 2011 12:11:00 +0200tag:lioman.de,2011-05-12:/2011/05/add-flattr-to-posterous/DigitalAnleitungButtonFlattrHowToPosterousThemeOpenlike in Wordpress einbindenhttps://lioman.de/2010/04/openlike-in-wordpress-einbinden/<p><em>Viele verschiedene Blogs haben über den Like-Button von Facebook</em> <a class="reference external" href="http://netzwertig.com/2010/04/22/like-button-facebooks-version-der-thank-you-economy/">geschrieben</a> <em>. Per Social-Plugin kann man den bekannten Like-Button einfügen. Ist man bei Facebook eingeloggt kann man auf den eingebundenen Button klicken und die Daten werden an Facebook übertragen. Gibt es Alternativen und wie bindet man sie&nbsp;ein?</em></p> <p>Nutzt man diesen kleinen Knopf häufig kann man daraus natürlich wieder entsprechende Profile erstellen und nutzbar machen (finanziell). Außerdem lässt sich beim einbinden leicht <a class="reference external" href="http://olbertz.de/blog/2010/04/22/i-like-it-boese/">Missbrauch</a> treiben. Alternativen gibt es schon. Openlike ist eine Solche. Das Ziel der&nbsp;Entwickler:</p> <blockquote> An <strong>open protocol</strong> to allow sharing the things people like in a <strong>simple</strong> and <strong>standard</strong> method between web applications.</blockquote> <p>Das einbinden ist relativ&nbsp;einfach.</p> <p>In den Header&nbsp;kommt:</p> <div class="highlight"><pre><span></span><span class="p">&lt;</span><span class="nt">script</span> <span class="na">type</span><span class="o">=</span><span class="s">\text/javascript\</span> <span class="na">src</span><span class="o">=</span><span class="s">\http://openlike.org/v1/openlike.js\</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span> </pre></div> <p>Und nun muss man noch das Widget in das Template einfügen. Das ist bei jedem Template unterschiedlich. Nutzt man wie ich das Theme Atahualpa geht es unter: Atahualpa Theme Options &gt;Style <span class="amp">&amp;</span> Edit Center Column&gt;&nbsp; The <span class="caps">LOOP</span></p> <p>direkt nach der&nbsp;Zeile</p> <div class="highlight"><pre><span></span><span class="x">&#39;,&#39;&#39;); ?&gt;</span> </pre></div> <p>fügt man folgenden Code&nbsp;ein.</p> <div class="highlight"><pre><span></span><span class="x">OPENLIKE.Widget({url:</span><span class="cp">&lt;?php</span> <span class="k">echo</span> <span class="s1">&#39;\&#39;.get_permalink().&#39;</span><span class="nx">\</span><span class="s1">&#39;; ?&gt;,title:&lt;?php the_title(&#39;</span><span class="nx">\</span><span class="s1">&#39;, &#39;</span><span class="nx">\</span><span class="err">&#39;</span><span class="p">);</span> <span class="cp">?&gt;</span><span class="x">})</span> </pre></div> <p>Hat man alles richtig gemacht sieht es aus wie bei mir und man kann auf einen der Buttons&nbsp;klicken</p> <p><strong>Update:</strong> Buttons sind nicht mehr verfügbar in diesem&nbsp;Blog.</p> LiomanTue, 27 Apr 2010 13:30:00 +0200tag:lioman.de,2010-04-27:/2010/04/openlike-in-wordpress-einbinden/DigitalOpen SourceButtonFacebooklikeopenlikescriptWidget