So erhalten Sie ein Bild für den Titel auf Tumblr

Tumblr bietet eine kostenlose Microblogging-Plattform zum Teilen von Multimedia-Inhalten, die die Erstellung mehrerer öffentlicher oder privater Blog-Seiten und die Gestaltung benutzerdefinierter Seitenlayouts unterstützt. Viele Tumblr-Designs enthalten eine Schaltfläche zum Hochladen eines Header-Bildes, aber auch Designs ohne diese Schaltfläche können mit dem integrierten HTML-Editor bearbeitet werden. Header-Bilder müssen auf einem Webserver gehostet und durch eine kleine Zeile HTML-Code referenziert werden, und Tumblr bietet zu diesem Zweck einen kostenlosen Bild-Hosting-Service an.

Besuchen Sie Tumblr und melden Sie sich bei Ihrem Konto an. Klicken Sie auf das Zahnradsymbol und wählen Sie den Blog aus, den Sie bearbeiten möchten. Klicken Sie im Abschnitt Thema auf "Anpassen".

Klicken Sie im Abschnitt Erscheinungsbild neben Header-Bild auf „Hochladen“, wenn Ihr Theme diese Option bietet. Suchen Sie eine Datei auf Ihrem Computer und klicken Sie auf „Hochladen“, um das Bild als Titel Ihres Blogs festzulegen. Bilddateien können ein beliebiges Format haben, müssen jedoch weniger als 5 MB groß sein.

Besuchen Sie die Datei-Upload-Seite auf Tumblr, wenn Ihr Theme keine Upload-Schaltfläche enthält (Link in Ressourcen). Diese Seite ist ausschließlich für Tumblr-Themen-Assets reserviert und das Hochladen anderer Dateitypen kann dazu führen, dass Ihr Konto gesperrt wird. Klicken Sie auf „Datei auswählen“, suchen Sie die Bilddatei auf Ihrem Computer und klicken Sie dann auf „Hochladen“.

Kopieren Sie die URL der Datei aus dem Textfeld, das beim Hochladen der Datei angezeigt wird. Fügen Sie den kopierten Text in eine leere Textdatei ein, um ihn für den nächsten Schritt zu speichern, oder behalten Sie ihn einfach in der Zwischenablage. Alternativ können Sie die Datei-Upload-Seite in einem separaten Browser-Tab geöffnet lassen, während Sie Ihr Tumblr-Theme bearbeiten.

Kehren Sie zur Seite Anpassen Ihres Blogs zurück und klicken Sie auf "HTML bearbeiten". Drücken Sie "Strg-F", um das Fenster Suchen und Ersetzen zu öffnen, und geben Sie dann "{Titel}“ (ohne die äußeren Anführungszeichen) im Suchfeld. Innerhalb des HTML-Textes Tag, wählen Sie die geschweiften Klammern und das Wort „Titel“ aus, das sie umgeben, und ersetzen Sie die Auswahl durch die folgende Codezeile:

Ersetzen Sie die URL, die Sie im vorherigen Schritt kopiert haben, für Datei-URL und stellen Sie sicher, dass die URL in Anführungszeichen und die gesamte Codezeile in spitze Klammern eingeschlossen ist. Wenn Ihre URL beispielsweise "http://static.tumblr.com/tlvhi6n/7ktmju69t/file.png" lautet, fügen Sie die folgende Codezeile in den HTML-Code ein Etikett:

Klicken Sie auf "Vorschau aktualisieren", um Ihr Header-Bild anzuzeigen. Speichern Sie Ihre Änderungen, indem Sie auf „Speichern“ klicken. Kehren Sie zu Ihrer Kontoseite zurück, indem Sie auf „Beenden“ klicken, und zeigen Sie Ihre aktualisierte Blogseite an, indem Sie den Blog aus Ihrem Hauptmenü Ihres Kontos auswählen.