Blogger ! Lange Posts kürzen

Aktuell muss ich feststellen das Blogger zwar sehr fortschrittlich ist was web-techniken angeht. Es dennoch nicht möglich ist ohne eingriff in den Quellcode einen zu Langen Blog Posts zu kürzen ,beispielsweise durch einen "read more!" Button.

Nun habe ich mich erkundigt und beim Google Support eine lösungs-möglichkeit gefunden.
Als ersten nun sollte man im Blogger Administrations- Menü unter Design / HTML bearbeiten auswählen. Anschließend sollte nicht vergessen werden "Widget vorlage komplett anzeigen" auszuwählen.



Nun kann man auch schon beginnen seinen Qulltext zu bearbeiten.

Schritt 1
(Integration Css code)
(for classic templates)
<MainOrArchivePage> 
   span.fullpost {display:none;}
</MainOrArchivePage>
<ItemPage> 
   span.fullpost {display:inline;} 
</ItemPage>

(for layouts)
<b:if cond='data:blog.pageType == "item"'> 
   span.fullpost {display:inline;}
<b:else/>
   span.fullpost {display:none;} 
</b:if>

Diesen Code müsst ihr in den style tag eures themes (Layout) einfügen.
Also zwischen die <style> & </style> tags.



Schritt 2
("Read More" Link)
(for classic templates)
<MainOrArchivePage><br />
   <a href="<$BlogItemPermalinkURL$>">Read more!</a>
</MainOrArchivePage>

(for layouts)
<b:if cond='data:blog.pageType != "item"'><br />
   <a expr:href='data:post.url'>Read more!</a>
</b:if>

Diesen code muss man nach dem <$BlogItemBody$> oder <data:post.body/> tag einfügen. Das ganze sollte dann wie folgt aussehen.



Schritt 3
("Post" Bearbeitung)
Mit dieser Variante lasen sich alle post individuell kürzen. Einfach den gewünschten Teil den man auf der Startseite "Abschneiden möchte" in folgender <span class="fullpost"></span> tag einfüge. Blogger wird den post nur bis zur anfangs stelle des <span> tags darstellen.



1 Kommentare:

techhelp hat gesagt…

test ;-)

Kommentar veröffentlichen