So fügen Sie eine Blogroll auf Tumblr hinzu

Bei einem Tumblr-Theme wie Kalalalani, Prologue oder Vignetti können Sie eine Blogroll-ähnliche Auflistung direkt in der Seitenleiste hinzufügen, indem Sie Ihrer Vorlage ein paar Zeilen benutzerdefinierten Code hinzufügen. Wenn Ihr Theme jedoch 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-Sidebar 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 finden, der die Seitenleiste des Themes enthält. Zum Beispiel beginnt die Seitenleiste für das Kalalalani-Thema mit "

    " und endet mit "
."

Fügen Sie eine Leerzeile über dem ""-Tag, um Platz für zusätzlichen HTML-Code zu schaffen.

Geben Sie ein neues "

  • "-Tag in die leere Zeile, die Sie erstellt haben, um ein weiteres Listenelement hinzuzufügen. Der Editor von Tumblr fügt automatisch das schließende Tag für Sie hinzu.

    Geben Sie "Blogroll" an der Einfügestelle zwischen dem "

  • " und "
  • "-Tags, um ein Label 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 Themes 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 mit dem folgenden Code, der die Farbe des Beschriftungstextes in Weiß ändert:

  • Klicken Sie über dem ""-Tag und drücken Sie dann "Enter", um eine leere Zeile für einen Blogroll-Link zu erstellen.

    Geben Sie den HTML-Code für das Listenelement ein, das den ersten Blogroll-Link enthält. Geben Sie beispielsweise die folgende Zeile unter dem Blogroll-Label ein:

  • Der Editor fügt während der Eingabe automatisch die schließenden Tags für Sie hinzu, sodass Ihr Code wie folgt aussieht:

  • Geben Sie den HTML-Code ein, um die URL für das erste Blog innerhalb des ""-Tag. Wenn Ihr erster Blog beispielsweise die URL "http://myfavoriteblog.com" hat, sollte Ihr Code wie folgt aussehen:

  • Klicken Sie vor dem ""-Tag, und geben Sie dann den Namen des ersten Blogs ein. Wenn der Blog beispielsweise "Mein Lieblingsblog" heißt, sollte Ihr Code der folgenden Zeile ähneln:

  • Mein Lieblingsblog
  • Klicken Sie auf "Vorschau aktualisieren", um Ihre Änderungen anzuzeigen.

    Fügen Sie CSS-Code hinzu, um die Größe des Namens des ersten Blogs zu reduzieren. Wenn Sie beispielsweise das Kalalalani-Thema verwenden, ändern Sie die Schriftgröße auf etwa 10 Pixel. Ihr angepasster Code sollte wie folgt aussehen:

  • Mein Lieblingsblog
  • 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 weiterer Blogs.

    Klicken Sie auf "Speichern", um Ihre Änderungen dauerhaft zu machen.

    Blogroll-Seite hinzufügen

    Klicken Sie im Bedienfeld „Anpassen“ auf den Zurück-Pfeil 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. Wenn Ihre Tumblr-URL beispielsweise "goodblog.tumblr.com" lautet, sollte Ihre vollständige URL wie die folgende Zeile aussehen:

    goodblog.tumblr.com/blogroll

    Geben Sie einen Titel für Ihre Blogroll-Seite ein und klicken Sie dann auf den Umschalter "Link zu dieser Seite anzeigen", um ihn zu aktivieren.

    Geben Sie den Namen Ihres ersten Blogs in das Bearbeitungsfeld 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 mit der Bezeichnung "Link-URL" ein, klicken Sie auf die Schaltfläche "Link einfügen" und klicken Sie dann auf "Speichern".

    Warnungen

    Während Ihre Designänderungen im Vorschaubereich von Tumblr oder in Ihrem Webbrowser in Ordnung aussehen können, sehen Besucher, die einen anderen Browser oder ein mobiles Gerät verwenden, möglicherweise Elemente fehl am Platz oder verzerrt. Zeigen Sie Ihren Tumblr-Blog mit möglichst vielen verschiedenen Browsern und Hardwareplattformen an, um sicherzustellen, dass Ihre Website immer so aussieht, wie Sie es sich vorgestellt haben.