Bei vielen Tumblr-Themen können Sie anstelle Ihres Blogtitels ein Bannerbild oben in Ihrem Blog anzeigen. Wenn das Banner jedoch nicht Ihren Wünschen entspricht, können Sie seine Ausrichtung ändern, indem Sie den HTML-Code Ihres Themes bearbeiten. Wenn Ihr Design keine Bannerbilder unterstützt oder Sie ein Banner über dem Titel hinzufügen möchten, können Sie den HTML-Code bearbeiten, um ein Banner manuell hinzuzufügen und zu positionieren.
Themen mit Header-Bildern
Klicken Sie in Ihrem Tumblr-Dashboard auf die Registerkarte "Anpassung", um auf Ihre Designeinstellungen zuzugreifen.
Scrollen Sie im linken Bereich nach unten zum Abschnitt Erscheinungsbild und klicken Sie dann auf die Schaltfläche "Hochladen" neben "Kopfzeile", um Ihr Bannerbild hochzuladen.
Scrollen Sie zurück zum oberen Rand des Bereichs und klicken Sie dann auf "HTML bearbeiten", um auf den HTML-Code Ihres Themes zuzugreifen.
Drücken Sie "Strg-F" auf der Tastatur, um das Suchwerkzeug aufzurufen, und suchen Sie dann nach "{Title}" (ohne Anführungszeichen), bis Sie das erste Vorkommen des Begriffs im Hauptteil kurz nach dem "
"-Tag. In vielen Fällen befindet es sich innerhalb eines Blocks, der mit " beginnt.Schließen Sie "{Title}" mit "
Klicken Sie auf "Vorschau aktualisieren", um zu sehen, ob Ihre Änderungen funktioniert haben. Wenn das Banner nicht auf der Seite zentriert ist, haben Sie möglicherweise den falschen Codeabschnitt geändert. Machen Sie in diesem Fall Ihre Änderungen rückgängig und versuchen Sie es erneut.
Klicken Sie auf "Speichern" und wählen Sie dann "Beenden", nachdem Sie das Banner erfolgreich geändert haben. Um Ihre Änderungen aus irgendeinem Grund zu verwerfen oder von vorne zu beginnen, klicken Sie auf den Zurück-Pfeil, ohne zu speichern, und klicken Sie dann auf "Beenden".
Banner manuell hinzufügen und positionieren
Laden Sie Ihr Bannerbild über die Upload-Seite von Tumblr (Link in Ressourcen) hoch und kopieren Sie dann die auf der Seite angezeigte URL. Alternativ können Sie die Bilddatei auf eine andere Website hochladen, z. B. PhotoBucket oder TinyPic.
Klicken Sie in Ihrem Tumblr-Dashboard auf die Registerkarte "Anpassung", um auf Ihre Designeinstellungen zuzugreifen.
Klicken Sie auf "HTML bearbeiten", um auf den HTML-Code Ihres Themes zuzugreifen.
Drücken Sie "Strg-F" auf der Tastatur, um das Suchwerkzeug aufzurufen, und suchen Sie dann nach "
" (ohne die Anführungszeichen).Fügen Sie eine neue Zeile direkt unter dem "
"-Tag und fügen Sie dann die folgende Codezeile hinzu:Ersetzen Sie "BannerImageURL" durch die URL für die Bilddatei Ihres Banners.
Klicken Sie auf "Vorschau aktualisieren", um sicherzustellen, dass das Banner richtig angezeigt wird. Nehmen Sie die erforderlichen Änderungen vor und klicken Sie dann auf "Speichern" und "Beenden".
Tipps
Um das Banner links oder rechts statt in der Mitte auszurichten, verwenden Sie die Schaltfläche "
Warnungen
Diese Schritte sollten bei den meisten Standard-Tumblr-Themes funktionieren, werden jedoch aufgrund von Unterschieden im Designdesign nicht jedes Mal wie beabsichtigt funktionieren. Einige Designs erfordern möglicherweise, dass Sie das Bild deklarieren und ihm dann einen Stil im Stylesheet des Designs zuweisen. Diese Methode erfordert jedoch ein grundlegendes Verständnis der Funktionsweise von CSS, und die spezifischen Schritte variieren je nach Designdesign.
