Mit einem Tumblr-Thema wie Kalalalani, Prologue oder Vignetti können Sie einen Blogroll-ähnlichen Eintrag direkt in der Seitenleiste hinzufügen, indem Sie Ihrer Vorlage einige Zeilen benutzerdefinierten Code hinzufügen. Wenn Ihr Thema keine Seitenleiste unterstützt, können Sie dennoch eine Blogroll hinzufügen, indem Sie eine neue Tumblr-Seite erstellen, die alle Blogs enthält, denen Sie persönlich folgen und die Sie mit anderen teilen möchten.
Blogroll zur Theme-Seitenleiste hinzufügen
Melden Sie sich bei Ihrem Tumblr-Konto an, klicken Sie auf „Anpassen“ und wählen Sie dann „HTML bearbeiten“.“
Scrollen Sie durch den HTML-Code, bis Sie den Abschnitt mit der Seitenleiste des Themas finden. Zum Beispiel beginnt die Seitenleiste für das Kalalalani-Thema mit „<ol>“ und endet mit „< /ol>.“
Fügen Sie eine Leerzeile über dem Tag „</ol>“ ein, um Platz für zusätzlichen HTML-Code zu schaffen.
Geben Sie ein neues „<li>“ -Tag in die Leerzeile ein, die Sie erstellt haben, um ein weiteres Listenelement hinzuzufügen. Der Tumblr-Editor fügt automatisch das schließende Tag für Sie hinzu.
Geben Sie „Blogroll“ am Einfügepunkt zwischen den Tags „<li>“ und „</li>“ ein, um eine Beschriftung für den Blogroll-Bereich der Seitenleiste zu erstellen.
Klicken Sie auf „Vorschau aktualisieren“, um zu sehen, ob der Text „Blogroll“ in der Seitenleiste angezeigt wird. Einige Designs erfordern zusätzlichen CSS-Code, um Ihren neuen Text sichtbar zu machen. Um beispielsweise „Blogroll“ im Kalalalani-Thema sichtbar zu machen, ersetzen Sie das Tag „<li>“ durch den folgenden Code, der die Farbe des Beschriftungstexts in Weiß ändert:
< li stil = „farbe:weiß“>
Klicken Sie über das Tag „< / ol>“ und drücken Sie dann die Eingabetaste, um eine Leerzeile für einen Blogroll-Link zu erstellen.
Geben Sie den HTML-Code für das Listenelement ein, das den ersten Blogroll-Link enthalten soll. Geben Sie beispielsweise die folgende Zeile unter der Bezeichnung Blogroll ein:
< li><a>
Der Editor fügt während der Eingabe automatisch die schließenden Tags hinzu, sodass Ihr Code folgendermaßen aussieht:
<li><a></a></li>
Geben Sie den HTML-Code ein, um die URL für den ersten Blog innerhalb des Tags „<a>“ hinzuzufügen. Wenn Ihr erster Blog beispielsweise die URL „http://myfavoriteblog.com“ hat, sollte Ihr Code folgendermaßen aussehen:
< li><eine href=“http://myfavoriteblog.com“></ a></li>
Klicken Sie vor das Tag „</a>“ und geben Sie den Namen des ersten Blogs ein. Wenn der Blog beispielsweise „Mein Lieblingsblog“ heißt, sollte Ihr Code der folgenden Zeile ähneln:
<li><a href=“http://myfavoriteblog.com“>Mein Lieblingsblog</a></li>
Klicken Sie auf „Vorschau aktualisieren“, um Ihre Änderungen anzuzeigen.
Fügen Sie CSS-Code hinzu, um den Namen des ersten Blogs zu verkleinern. Wenn Sie beispielsweise das Kalalalani-Thema verwenden, ändern Sie die Schriftgröße auf etwa 10 Pixel. Ihr angepasster Code sollte wie folgt aussehen:
< li style=“font-size:10px“><a href=“http://expectedend.com“>My Lieblingsblog</a></li>
Klicken Sie auf „Vorschau aktualisieren“, um Ihre Änderungen anzuzeigen. Verwenden Sie den ersten von Ihnen erstellten Blogroll-Link als Beispiel für das Hinzufügen zusätzlicher Blogs.
Klicken Sie auf „Speichern“, um Ihre Änderungen dauerhaft zu machen.
Blogroll-Seite hinzufügen
Klicken Sie auf den Zurück-Pfeil im Bereich Anpassen und dann auf die Schaltfläche „Seite hinzufügen“.
Geben Sie einen Namen ein, um die URL für Ihre neue Seite zu vervollständigen. Zum Beispiel, wenn Ihre Tumblr-URL lautet „goodblog.tumblr.com ,“ ihre ausgefüllte URL sollte wie folgt aussehen:
goodblog.tumblr.com/blogroll
Geben Sie einen Titel für Ihre Blogroll-Seite ein und klicken Sie dann auf den Kippschalter „Link zu dieser Seite anzeigen“, um ihn einzuschalten.
Geben Sie den Namen Ihres ersten Blogs in das Eingabefeld ein.
Wählen Sie den Namen des Blogs aus und klicken Sie dann auf die Schaltfläche „Link einfügen / bearbeiten“.
Geben Sie die URL für den Blog in das Eingabefeld „Link-URL“ ein, klicken Sie auf die Schaltfläche „Link einfügen“ und dann auf „Speichern“.“
Warnungen
Während Änderungen an deinem Theme im Vorschaufenster von Tumblr oder in deinem Webbrowser in Ordnung aussehen können, können Besucher, die einen anderen Browser oder ein mobiles Gerät verwenden, Elemente fehl am Platz oder verzerrt sehen. Zeigen Sie Ihren Tumblr-Blog mit so vielen verschiedenen Browsern und Hardwareplattformen wie möglich an, um sicherzustellen, dass Ihre Website immer so aussieht, wie Sie es beabsichtigt haben.
