Viele Websites bieten Widgets zum Einbetten in Ihren Blog an, die eine Vielzahl von Anpassungsmöglichkeiten eröffnen. Wenn Ihr Tumblr-Design eine Seitenleiste enthält, können Sie Anwendungen in Ihre Blog-Seite einfügen, indem Sie eine Zeile HTML-Code in das Seitenleisten-Tag Ihres Designs einfügen. Websites, die Widgets anbieten, können diese Codezeile generieren, sodass Sie keine Programmierkenntnisse benötigen, um Widgets in Ihre Seitenleiste einzufügen. Tumblr enthält einen HTML-Editor mit einer Suchleiste, damit Sie das Seitenleisten-Tag schnell finden und den Code an der richtigen Stelle einfügen können.
Besuchen Sie eine Site wie Widgetbox, ShareThis oder Tumblring, um nach Widgets zu suchen, die Sie Ihrer Tumblr-Seite hinzufügen können (Links in Ressourcen). Das Generieren von HTML-Code variiert je nach Widget, aber jede Site bietet Anweisungen zum Anpassen eines Widgets, zum Generieren von Code und zum Einfügen des Codes in Ihre Tumblr-Seite. Die Arten von Widgets umfassen Schaltflächen für soziale Lesezeichen, Musik-Player, Suchmaschinen und viele andere.
Wählen Sie ein Widget aus und wählen Sie bei Aufforderung beliebige Optionen wie Layout, Farbe oder Schriftart. Einige Widgets erfordern möglicherweise mehr Einrichtung. Wenn Sie beispielsweise einen Musikplayer einbetten, müssen Sie möglicherweise die Anweisungen der Website zum Erstellen einer Playlist befolgen, bevor Ihr Code generiert werden kann. Nachdem Sie Ihre Auswahl getroffen haben, klicken Sie auf „HTML generieren“ oder eine ähnliche Option und kopieren Sie den im Textfeld angezeigten Code.
Öffnen Sie Notepad und fügen Sie den Code in ein neues Textdokument ein. Speichern Sie das Dokument und geben Sie ihm einen Namen, an dem Sie es später leicht identifizieren können, z. B. den Namen des Widgets.
Besuchen Sie Ihr Tumblr-Dashboard, klicken Sie auf das Zahnradsymbol und wählen Sie Ihren Blog aus der Seitenleiste aus. Klicken Sie im Abschnitt „Theme“ auf „Anpassen“ und wählen Sie dann auf der Anpassungsseite „HTML bearbeiten“. Der HTML-Code Ihres Blogs wird in einem in die Seite eingebetteten Texteditor geöffnet.
Öffnen Sie ein neues Textdokument in Notepad und kopieren Sie den HTML-Code aus dem Tumblr-Editor in das neue Notepad-Dokument. Geben Sie diesem Dokument einen Namen wie "Tumlbr HTML Original", damit Sie es später schnell wiederfinden, wenn Ihnen die Änderungen an Ihrer Seitenleiste nicht gefallen.
Kehren Sie zum HTML-Editor von Tumblr zurück und drücken Sie „Strg-F“, um die Suchen- und Ersetzen-Leiste anzuzeigen, mit der Sie nach dem Seitenleisten-Tag im HTML-Code suchen können. Die genaue Formatierung des Codes kann je nach Thema unterschiedlich sein, aber Sie können ihn finden, indem Sie „sidebar“ (ohne Anführungszeichen) in das Suchfeld eingeben, da alle Sidebar-Tags dieses Schlüsselwort enthalten. Wenn Sie beispielsweise nach „sidebar“ suchen, kann das Code-Snippet „
Fügen Sie den HTML-Code des Widgets in das Seitenleisten-Tag ein, aber nicht in die spitzen Klammern, die die Schlüsselwörter des Tags abgrenzen. Nach dem Einfügen des Codes sollte Ihr Seitenleisten-Tag dem folgenden Code-Snippet ähneln:
Der generierte Code kann lang und kompliziert sein, aber Sie müssen ihn nur in das Sidebar-Tag einfügen. Leerzeichen und Zeilentabellen spielen keine Rolle, da der HTML-Editor von Tumblr den Code für Sie formatiert.
Klicken Sie auf „Vorschau aktualisieren“, um Ihre Änderungen im Vorschaufenster anzuzeigen. Wenn Ihr Widget Ihren Wünschen entspricht, klicken Sie auf „Speichern“ und schließen Sie den HTML-Editor. Wenn Sie einen Aspekt Ihres Widgets ändern möchten, ersetzen Sie den geänderten Code durch den Originalcode, den Sie in Schritt 5 gespeichert haben. Kehren Sie zur Seite zur Widget-Generierung zurück, wählen Sie die gewünschten Optionen aus und generieren Sie den Code erneut. Wiederholen Sie den Vorgang zum Einfügen des Codes mit dem neu generierten Code.
Tipps
Wenn Sie mehrere Seitenleisten-Widgets einfügen, fügen Sie sie in der Reihenfolge ein, in der sie in Ihrer Seitenleiste angezeigt werden sollen.
