Eigene "Weiterblättern"-Links ♥♥♥

Hier ist endlich mal wieder Neele von vanillebrause :) Heute möchte ich euch zeigen, wie ihr eure "Weiterblättern"-Links selbst gestalten könnt.
Normalerweise sehen die Links zum Blättern meistens so aus:

Ihr könnt nun entweder den Text an sich ändern, also statt "Neuere Posts" zum Beispiel "Vorblättern" und statt "Ältere Posts" zum Beispiel "Zurückblättern" schreiben. Dabei könnt ihr auch das gesamte Erscheinungsbild der unteren Linkleiste ändern, indem ihr es wie hier macht und kleine Herzchengrafiken zwischen den Links einfügt:

Eine andere Möglichkeit wäre, dass ihr den Text durch Grafiken ersetzt, zum Beispiel soetwas:

Code suchen

Zunächst sucht ihr die richtige Stelle im Quellcode eures Blogdesigns, indem ihr in der linken Seitenleiste auf "Vorlage" und anschließend "HTML bearbeiten klickt". Nun klickt ihr in das Fenster mit dem HTML-Code und drückt "Strg + F" oder bei Mac-Benutzern "cmd + F", um im Code zu suchen. Nun sucht ihr nach folgender Zeile:

<b:includable id='nextprev'>

Diese klappt ihr anschließend mithilfe des Pfeiles am linken Rand des Editors aus. Es erscheint dieser Code:

<div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
OPTIONALE GRAFIK LINKS      <span id='blog-pager-newer-link'>      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>OPTIONALE GRAFIK RECHTS 
</b:if>
    <b:if cond='data:olderPageUrl'>
OPTIONALE GRAFIK LINKS      <span id='blog-pager-older-link'>      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>OPTIONALE GRAFIK RECHTS 
</b:if>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>
  </div><div class='clear'/> 

Code ersetzen 

<data:newerPageTitle/> ersetzt ihr durch euren gewünschten Text für die "Neueren Posts", also zum Beispiel "Weiterblättern". Ihr könnt auch Grafiken einfügen, indem ihr einfach wie gewohnt den Image-Tag einfügt, also zum Beispiel:

<img src="URLDEINESBILDES" border="0" /> 

(border="0", damit euer Bild im Internet Explorer keinen Rand hat)

Genau dasselbe könnt ihr mit <data:olderPageTitle/> ("Ältere Posts") und <data:homeMsg/> (Startseite) machen.
Wenn euch der Abstand zwischen den Links stört, löscht ihr einfach die Orange markierten Codebausteine.
Wenn ihr kleine Grafiken zwischen den Links einfügen wollt, macht ihr das an den Lila markierten Stellen. (Je nachdem, ob man bei euch auf der linken oder rechten Seite weiterblättert / zurückblättert, müsst ihr die Grafiken entweder links oder rechts von dem jeweiligen Link einfügen.

Ich hoffe, euch hat mein Tutorial gefallen.
Fragen könnt ihr gerne in den Kommentaren stellen :)