Ähnliche Beiträge unter jedem Artikel anzeigen inkl. thumbnail - related posts

Eine sehr schöne Erweiterung eines Blogs ist es, unter jedem Blogbeitrag ähnliche Artikel anzeigen zu lassen. Das lässt die Besucher auf weitere, interessante Beiträge stoßen und sie verweilen damit länger auf dem eigenen Blog.

Blogspot (blogspot.com bzw. blogger.com) bietet diese Möglichkeit der sogenannten "related posts" standardmäßig leider nicht an, aber mit Hilfe von Drittanbietern kann man dies dennoch erreichen. Eine vollkommen problemlos einzubauende Möglichkeit ist die Lösung von LinkWithin. Unter jedem Beitrag werden dann 3 bis 5 (lässt sich einstellen) ähnliche Beiträge angezeigt, wenn vorhanden sogar mit einer kleinen Bildvorschau, einem so genannten Thumbnail.

Die Auswahl der angezeigten Beiträge erfolgt automatisch und themenbezogen. Wenn man in seinen Beiträgen mit Bildern arbeitet, werden sogar kleine Vorschaubilder automatisch mit aufgeführt. Außerdem werden die Überschriften angezeigt. Sollten keine Bilder zur Verfügung stehen erfolgt die Ausgabe trotzdem, dann allerdings als reine, verlinkte Textliste.

LinkWithin durchsucht nach der Installation einmal Deinen kompletten Blog, so dass auch ältere Beiträge wieder zum Vorschein kommen und von den Besuchern entdeckt werden können. LinkWithin ist kostenlos und arbeitet komplett werbefrei.

Aber nun zum Einbau. Zu aller erst solltest Du Dich bei blogspot einloggen, dann hast Du später keine Probleme beim Einbau. Danach gehst Du auf die Startseite von LinkWithin. Dort trägst Du Deine Emailadresse sowie die Adresse Deines Blogs (z.B. http://www.deinblog.de) ein. Im Auswahlfeld Platform wählst Du Blogger, auch wenn Du die Adresse blogspot.com gewohnt bist. Im letzten Feld wählst Du dann aus, wie viele Beiträge später angezeigt werden sollen. Im Normalfall ist es das schon. Solltest Du allerdings ein Template nutzen bei dem Du mit heller Schrift auf dunklem Hintergrund arbeitest, dann solltest Du zusätzlich noch das Häkchen bei "My blog has light text on a dark background" setzen.

Jetzt kannst Du auf GET WIDGET klicken. Auf der nächsten Seite klickst Du ganz oben auf Install Widget. Wenn Du Dich vorhin schon bei blogspot eingeloggt hast, öffnest Du damit den Layoutbereich von Deinem Blog. Hast Du mehrere Blogs im Einsatz musst Du dort noch den Blog auswählen, den Du vorher eingetragen hattest. Die beiden ausklappbaren Felder Inhalt bearbeiten und Vorlage bearbeiten belässt Du so, wie sie sind. Du klickst nur noch auf WIDGET EINFÜGEN und das war es auch schon fast.

Im LAYOUT Bereich den Du danach siehst, landet das neue Widget evtl. in der Sidebar. Mit Deiner Maus ziehst Du dieses Widget dann einfach unter den Block mit der Beschriftung Blog Posts und speicherst das Layout mit SPEICHERN ab. Und das war es dann schon wirklich.

Wenn Du Dir jetzt Deinen Blog anschaust, siehst Du unter jedem Beitrag die neue Anzeige der ähnlichen Beiträge. Nicht wundern, wenn die Beiträge nicht wirklich ähnlich sind. LinkWithin hat jetzt begonnen all Deine Beiträge zu lesen und miteinander zu vergleichen. Je nach Größe des Blogs kann es mehrere Stunden dauern, bis die Beiträge alle indiziert wurden. Spätestens dann zeigt das neue Widget aber recht gute Treffer an und berücksichtigt dabei durchaus auch ältere Beiträge.

Je nachdem wie viele Bilder in den Beiträgen die angezeigt werden vorhanden sind, wechselt das Widget auch automatisch zwischen der bebilderten und der reinen Textanzeige hin und her.

Bei einigen Templates kann es nun aber passieren, dass auch in der Übersicht, also auf der Startseite Deines Blogs, die Liste unter jedem Beitrag angezeigt wird. Wenn Du also 10 Beiträge auf der Startseite hast, dann werden auch 10 Linkblöcke eingeblendet. Bei wem das passiert und wer das nicht möchte, für den habe ich eine Abhilfe. Hier, in meinem Blog, wollte ich z.B., dass die Liste nicht in den Übersichten, sondern nur in der Anzeige der einzelnen Beiträge erscheint.

Falls Du das auch ändern möchtest, dann begib Dich in den Vorlage Bereich Deines Blogs und klick auf HTML bearbeiten. Achtung, wer sich hier unsicher ist, der sollte vorher ein Backup, also eine Sicherheitskopie erstellen.

Mit dem zweiten Dropdown "Weiter zum Widget" wählst Du jetzt nacheinander alle aus die HTMLxx heissen, wobei xx eine Zahl ist, bis Du folgenden Inhalt siehst:

<b:widget id="HTMLxx" locked="false" title="LinkWithin" type="HTML">
<b:includable id="main"><data:content></data:content>
</b:includable>
</b:widget>

und fügst 2 kleine Änderungen mit ein, so dass es hinterher folgendermaßen aussieht

<b:widget id="HTML15" locked="false" title="LinkWithin" type="HTML">
<b:includable id="main"><b:if cond="data:blog.pageType == &quot;item&quot;">
<data:content></data:content></b:if>
</b:includable>
</b:widget>

und speicherst das Ganze ab. Jetzt kannst Du im Blog sehen, dass das Widget nur noch in den Detailansichten der Beiträge angezeigt wird.

Als letzten kleinen Tipp könnt ihr noch folgendes befolgen. Um den Text zu verändern, der oberhalb der Liste angezeigt wird musst Du noch einen kleinen Eintrag unter HTML bearbeiten vornehmen.

Im oberen Bereich, auf jeden Fall vor der Zeile

</head>

fügst Du folgende Zeile ein

<script>linkwithin_text=&#39;Hier Deinen Text einfügen&#39;</script>

und speicherst das Ganze natürlich wieder ab.