So fügen Sie auf Tumblr ein Bild hinter Post-Header ein

Standardmäßig zeigt Ihr Tumblr-Blog eine Textkopfzeile mit Ihrem Blogtitel über Ihren Beiträgen an. Um das Erscheinungsbild Ihrer Seite zu verbessern, können Sie der Kopfzeile ein benutzerdefiniertes Bild hinzufügen, während der vorhandene Text über dem Bild angezeigt wird. Beim Standard-Tumblr-Theme erfordert dies eine Änderung des HTML-Codes des Themes, aber das Hinzufügen eines Bildes erfordert nur eine einzige zusätzliche Codezeile.

Melden Sie sich bei Ihrem Tumblr-Konto an und öffnen Sie die Seite "Eine statische Datei hochladen" (Link in Ressourcen). Tumblr stellt diesen Upload-Bereich ausschließlich für Themendateien zur Verfügung. Verwenden Sie ihn also nicht zum Hochladen von Bildern, die in Ihrem Blog veröffentlicht werden sollen.

Wählen Sie das Bild aus, das Sie in Ihrer Kopfzeile verwenden möchten, und klicken Sie auf "Datei hochladen". Bilder müssen unter 5 MB groß sein und Sie können maximal 15 MB pro Tag hochladen.

Kopieren Sie die Adresse, die Tumblr für Ihr hochgeladenes Bild anzeigt.

Öffnen Sie die Seite Tumblr-Einstellungen, wählen Sie den Blog aus, den Sie bearbeiten möchten, und klicken Sie auf "Thema bearbeiten". Klicken Sie unter dem Namen Ihres Themes auf "HTML bearbeiten".

Scrollen Sie im Code nach unten zu Ihrem aktuellen Header. Um die richtige Zeile zu finden, drücken Sie "Strg-F" und suchen Sie nach "IfShowBlogTitle" (ohne Anführungszeichen).

Tippe den Code ein "

" (ohne externe Anführungszeichen) unmittelbar vor "{Title}" in der Zeile "IfShowBlogTitle". Fügen Sie die zuvor kopierte Bildadresse in die Klammern ein.

Klicken Sie auf "Vorschau aktualisieren", um das neue Erscheinungsbild Ihres Blogs anzuzeigen. Wenn es richtig aussieht, klicken Sie auf "Speichern".

Tipps

Wenn der Überlagerungstext mehr Platz einnimmt als Ihr Bild, wird das Bild wiederholt, um den erforderlichen Platz zu füllen. Wenn Sie möchten, dass das Bild trotzdem nur einmal angezeigt wird, fügen Sie "background-repeat: no-repeat;" hinzu. (ohne Anführungszeichen) unmittelbar vor dem letzten Anführungszeichen im hinzugefügten Code.

Warnungen

Die Informationen in diesem Artikel beziehen sich auf das Tumblr-Standarddesign. Andere Designs funktionieren möglicherweise anders oder bieten eine Möglichkeit, Ihren Header zu ändern, ohne den Code manuell zu bearbeiten.