Blogger Tipps Anleitung: Wie erstelle ich ein "Read more" in den Posts

In einem Blog ist nicht jeder Post für den Besucher gleich interessant. Daher habe ich mich entschieden, lediglich die ersten Zeilen des Posts direkt anzuzeigen. Das macht die Seite meines Erachtens übersichtlicher und geht sehr einfach. Wer wissen will, wie das geht, drückt bitte auf “Read more”.

Im Layout unter HTML Bearbeiten zunächst einmal die vollständige Vorlage herunterladen. Die XML Datei läßt sich dann später wieder hochladen, wenn etwas schiefgegangen ist.

Anschließend im Coding die folgende Stelle suchen:

<data:post.body/>

oder

<p><data:post.body/></p>

Danach die oben angeführte Stelle durch folgendes Coding ersetzen / überschreiben:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}
</style>
<p>
<data:post.body/></p> <b:else/>
<style>.fullpost{display:none;}</style> <p><data:post.body/>
<a expr:href='data:post.url'><strong>Read More...</strong></a>
</p>
</b:if>

Abschließend die Vorlage speichern und das war’s. Na ja, fast jedenfalls!

In den Postings bitte ab sofort die Stelle markieren, an der in Zukunft das “Read more” erscheinen soll. Dazu muss das Tag <span class=”fullpost”> und </span> in den Post eingefügt werden.

Das sieht dann wir folgt aus:

Zeile 1
Zeile 2
Zeile …
<span class=”fullpost”>

Der Text in diesem Bereich des Posts wird zunächst nicht mehr angezeigt.

</span>

Mehr Blogger Anleitungen:

How To: Beliebteste Posts im Blog anzeigen
How To: Letzte Kommentare im Blog anzeigen
How To: Erstellung einer Tag Cloud im Blog