plista ist drin

Image via Wikipediaund funktioniert.

In einem älteren Beitrag hatte ich um Hilfe bezüglich der Einbindung von plista.com hier bei blogger.com gebeten. Hiermit kann ich Euch mitteilen, das das 'Problem' behoben ist. Die Mitarbeiter von plista haben mir einen entsprechenden Code gesendet, den ich Euch gerne hier zur Verfügung stelle.


Nach der Zeile < div class='post-footer-line post-footer-line-3'/ > fügte ich in der Vorlage folgenden Code ein:

< b:if cond='data:blog.pageType == &quot;item&quot;'>

< div id='plista_widget_standard_5'/>
< script src='http://static.plista.com/fullplista/26c82ec06a094e82a1b80471.js' type='text/javascript'/>
< script type='text/javascript'>
if (document.querySelector) {
    plistatext = document.querySelector(&#39;.entry-content&#39;).textContent.substr(0, 255).trim();
    PLISTA.items.push({
                    objectid: &quot;< data:post.id/>&quot;,
                    title: &quot;< data:post.title/>&quot;,
                    url: &quot;< data:post.url/>&quot;,
                    text: plistatext
    });
}
PLISTA.partner.init();
< /script>
< /b:if>

Wie immer gilt, die überzähligen Freizeichen nach < sind zu entfernen. ;-)

Programmier Tipp gesucht

Image by Bruno Abreu via FlickrIch habe mich nach dem ReDesign meines Blogs ja schon bei plista.com angemeldet und hatte noch keine Einbauanleitung für Blogger gefunden.

So setzte ich mich heute abend dran und versuchte zunächst Hilfe im Blogger-Hilfeforum zu finden. Naja. Musste ich mich also doch selbst an den Quelltext der Vorlage machen und die Variablen suchen.

Der Ausgangscode - Ihr erinnert Euch ? - sieht so aus:

< div id="plista_widget_standard_1">< /div>< script type="text/javascript" src="http://static.plista.com/fullplista/26c82ec06a094e82a1b80471.js">< /script>< script type="text/javascript">
PLISTA.items.push({                objectid: "1137092b50",                 title: "News of the day",                 url: "http://example.net/news/2009/newsf0ad8173.html",                 text: "Das ist der Anfang dieses Artikels",                 img: "http://example.net/images/newsf0ad8173.jpg" });
PLISTA.partner.init();< /script>

Die Aufgabe ist wie immer einfach. Nur fix die Werte für BlogPostId, Titel, Blogpostadresse, Teaser oder Text und Bild finden und ohne irgendwelche zerstörenden Sonderzeichen einbauen.

Kurz vor dem Zusammenbrechen wegen der ganzen Sch... Variablen habe ich es plötzlich (fast) hinbekommen.

a) Wegen der Schönheit füge ich vor der 'Footer-Line-3' ein < p> < /p> ein. -> wird von Blogger zum < p/> umformatiert. ;-)

b) Die Variablen lauten:

BlogPostID = < data:post.id/>
Überschrift = < data:post.title/>
Link = < data:post.url/>
Text = < data:post.body/>

und eigentlich wären wir damit auch schon am Ende. Ja, wenn, wenn nicht in dem body der ganze HTML-Mist drin steckt. :-(

Erst mal der Code, wie er jetzt hier im Blog funktioniert.

< p/>
      < div class='post-footer-line post-footer-line-3'/>
< div id='plista_widget_standard_5'/>
< script src='http://static.plista.com/fullplista/26c82ec06a094e82a1b80471.js' type='text/javascript'/>
< script type='text/javascript'>
PLISTA.items.push({
                objectid: "< data:post.id />",
                title: "< data:post.title/>",
                url: "< data:post.url/>",
                text: "< data:post.title/>"
/*                text-body: "< data:post.body" */
});
PLISTA.partner.init();
< /script>
< /div>

Und genau an dieser Stelle benötige ich Hilfe!

Wie bekomme ich jetzt die HTML-Befehle aus meinem Text ?

Und am allerbesten wäre es, wenn ich die Url des (ersten) Bildes, also nach dem Befehl < img src=" in den noch fehlenden Wert für img einfügen könnte.

Hat denn da jemand Tipps für mich ?

P.S.: Ich habe bei den HTML-Befehlen nach dem < immer ein Freizeichen einfügen müssen!

plista.com in papoo.de mit [update]

Image via Wikipedia
[UPDATE] Ich habe das escape:"html" bei der $description durch regex_replace:"/[\r\t\n]/":" " ersetzen müssen, da die Redakteure immer mal wieder einen Umbruch einbauen.

Ich habe am Wochenende den plista.com Code erfolgreich in die papoo Installation von familienfreund.de integriert und möchte diesen Erfolg hier dokumentieren.

Eventuell sucht ja jemand, so wie ich - ohne Programmierkenntnisse - nach einer Möglichkeit und den Variablen. ;-) Die Werte innerhalb <<>> müssen natürlich noch ergänzt werden.

Ich habe den Code in der mod_artikel_optionen.html in styles/<<>>/templates//_module_intern eingefügt, somit werden die empfohlenen Artikel direkt unter dem Artikel (bei uns/mir liegt noch das Bookmarken/Empfehlen/Drucken davor) eingeblendet.

{if isset($article) }
{foreach item=table from=$table_data name="artikel"}
{if ($table.teaserbild) }
< div style="border:1px solid #cc3300; padding:5px; background-color:#ffffff !important; margin-bottom:10px;">
 < div id="plista_widget_belowArticle">< /div>
  < script type="text/javascript" src="http://static.plista.com/<<>>_v1.js">< /script>
  < script type="text/javascript">
PLISTA.items.push
        ({ldelim}
    objectid: "{$table.reporeid}",
    title: "{$table.uberschrift|escape:"html"}",
    text: "{$description|escape:"html"}",
    url: "{$canonical}",
         img: "http://<<>>/images/thumbs/{$table.teaserbild}"
      {rdelim});
PLISTA.partner.init();
  < /script>
< /div>
{else}
< div style="border:1px solid #cc3300; padding:5px; background-color:#ffffff !important; margin-bottom:10px;">
 < div id="plista_widget_belowArticle">< /div>
  < script type="text/javascript" src="http://static.plista.com/<<>>_v1.js">< /script>
  < script type="text/javascript">
PLISTA.items.push
        ({ldelim}
    objectid: "{$table.reporeid}",
    title: "{$table.uberschrift|escape:"html"}",
    text: "{$description|escape:"html"}",
    url: "{$canonical}",
         img: "<<>>"
      {rdelim});
PLISTA.partner.init();
  < /script>
< /div>
{/if}
{/foreach}
{/if}

und bitte nicht vergessen, das Freizeichen vor dem script, /script, div und /div zu entfernen.