In diesem wikiHow zeigen wir dir, wie du ein Foto als Hintergrund deines Tumblrs anzeigen kannst. Bei einigen Tumblr-Themes können die Hintergrundbilder nicht geändert werden, sei es durch Hochladen oder HTML-Bearbeitung.
Schritte
Methode 1 von 2: Verwenden eines anpassbaren Designs
Schritt 1. Gehen Sie zur Website von Tumblr
Es befindet sich unter https://www.tumblr.com/. Wenn Sie in Ihrem Browser angemeldet sind, gelangen Sie zu Ihrer Tumblr-Startseite.
Wenn du nicht bei Tumblr angemeldet bist, gib deine E-Mail-Adresse und dein Passwort ein und klicke dann auf Einloggen.
Schritt 2. Klicken Sie auf Ihr Profilsymbol
Es ist das personenförmige Symbol in der oberen rechten Ecke der Seite.
Schritt 3. Klicken Sie auf den Namen des Blogs, den Sie bearbeiten möchten
Du findest es unter der Überschrift "TUMBLRS" etwa in der Mitte des Profil-Dropdown-Menüs.
Schritt 4. Klicken Sie auf Erscheinungsbild bearbeiten
Diese Option befindet sich oben rechts auf der Seite, direkt unter dem Entwürfe und Beiträge Abschnitte.
Schritt 5. Klicken Sie auf Thema bearbeiten
Es befindet sich rechts neben der Überschrift "Website-Theme" unter Ihrem Profilbild.
Schritt 6. Suchen Sie neben Hintergrund nach einem Kamera- oder Bleistiftsymbol
Diese Option befindet sich unter der Überschrift "THEME OPTIONS". Wenn rechts neben einem Kamera- oder Bleistiftsymbol Hintergrund, können Sie Ihr eigenes Bild hochladen.
- Einige Tumblr-Themen haben eine Variation von Hintergrund (z. B., Wähle einen Hintergrund) Hier.
- Wenn diese Option in den Designoptionen Ihres Blogs nicht angezeigt wird, fahren Sie mit der nächsten Methode fort.
- Einige kostenlose Themes, mit denen Sie Ihr eigenes Foto hochladen können, sind "Catching Elephant" und "Papercut". Zu den kostenpflichtigen Themen gehören "Queens" und "Halcyon".
Schritt 7. Klicken Sie auf das Kamerasymbol
Dies öffnet ein Fenster, in dem Sie ein Foto von Ihrem Computer auswählen können.
Bei einigen Designs klicken Sie stattdessen auf ein Bleistiftsymbol
Schritt 8. Wählen Sie ein Foto aus
Abhängig von Ihrem Computer und dem Speicherort, an dem dieses Fenster geöffnet wird, müssen Sie möglicherweise zum Ordner Fotos Ihres Computers navigieren.
- Bei einigen Themen müssen Sie zuerst klicken Wähle ein Foto.
- Stellen Sie sicher, dass das Foto relativ hochwertig ist. Andernfalls kann es körnig oder unscharf erscheinen.
Schritt 9. Klicken Sie auf Öffnen
Es steht ganz unten im Fenster. Dadurch wird dein Foto auf Tumblr hochgeladen; Ihr Design sollte innerhalb weniger Sekunden aktualisiert werden, um Ihren neuen Hintergrund anzuzeigen.
Methode 2 von 2: HTML bearbeiten
Schritt 1. Gehen Sie zur Website von Tumblr
Es befindet sich unter https://www.tumblr.com/. Wenn Sie in Ihrem Browser angemeldet sind, gelangen Sie zu Ihrer Tumblr-Startseite.
Wenn du nicht bei Tumblr angemeldet bist, gib deine E-Mail-Adresse und dein Passwort ein und klicke dann auf Einloggen.
Schritt 2. Klicken Sie auf Ihr Profilsymbol
Diese personenförmige Schaltfläche befindet sich in der oberen rechten Ecke der Seite.
Schritt 3. Klicken Sie auf den Namen des Blogs, den Sie bearbeiten möchten
Es befindet sich unter der Überschrift "TUMBLRS" etwa auf halber Höhe des Profil-Dropdown-Menüs.
Schritt 4. Klicken Sie auf Erscheinungsbild bearbeiten
Diese Option befindet sich oben rechts auf der Seite, direkt unter dem Entwürfe und Beiträge Abschnitte.
Schritt 5. Klicken Sie auf Thema bearbeiten
Es befindet sich rechts neben der Überschrift "Website-Theme" unter Ihrem Profilbild.
Schritt 6. Klicken Sie auf HTML bearbeiten
Dieser Link befindet sich unter dem Namen Ihres Designs oben in der Seitenleiste "Designs bearbeiten".
Schritt 7. Klicken Sie auf das Zahnradsymbol
Es befindet sich oben links in der Leiste "HTML bearbeiten".
Schritt 8. Klicken Sie auf Suchen und ersetzen
Dies öffnet ein Fenster, in dem du nach der Codezeile suchen kannst, die du bearbeiten musst.
Schritt 9. Geben Sie body { ein
Dieses Tag ist in allen Tumblr-Themen vorhanden, die ein anpassbares Hintergrundbild enthalten.
Wenn der HTML-Code Ihres ausgewählten Designs kein "body {"-Tag enthält, können Sie das Hintergrundbild nicht ändern
Schritt 10. Suchen Sie nach dem Hintergrund:
Schild.
Dies steht direkt unter dem Tag "body {"; Sie fügen die URL Ihres Bildes hier zwischen dem ":" und dem ";" am Ende der Zeile.
Schritt 11. Ersetzen Sie einen beliebigen Text zwischen "Hintergrund:
"und ";" mit Ihrem URL-Tag.
Das URL-Tag sollte wie folgt geschrieben werden: url().
In der Praxis lautet diese ganze Zeile background: url(www.website.com/image.jpg);. Beachten Sie, dass zwischen dem "background:"-Teil und dem "url"-Teil ein Leerzeichen ist
Schritt 12. Geben Sie die URL Ihres Bildes in die Klammern ein
Ihre ausgewählte URL muss mit einer Bilddateierweiterung wie-j.webp
Öffne das Bild in einem neuen Tab, und kopieren Sie die URL von dort.
Wenn Sie ein Originalfoto verwenden möchten, können Sie es auf einen Dienst wie Photobucket oder Imgur hochladen
Schritt 13. Klicken Sie auf Vorschau aktualisieren
Dies ist die grüne Schaltfläche oben rechts in der Seitenleiste "HTML bearbeiten". Ihr ausgewähltes Bild sollte angezeigt werden.
Schritt 14. Positionieren Sie das Bild bei Bedarf neu
Wenn Ihr Bild schief ist oder abrupt abbricht, geben Sie die folgenden drei Codezeilen unter dem Tag "Hintergrund" ein:
- Hintergrundanhang: behoben; - Dadurch bleibt Ihr Bild an einem Ort.
- Hintergrundwiederholung: keine Wiederholung; - Sie können auch "No-Repeat" ändern, um "Wiederholen" zu sagen, wenn Sie möchten, dass Ihr Bild wiederholt wird, während Benutzer nach unten scrollen.
- Hintergrundposition:Mitte; - Sie können statt der Mitte auch rechts oder links verwenden.
- Sie können auch eine Zeile mit der Aufschrift background-size: cover hinzufügen, damit Ihr Bild den gesamten Hintergrund ausfüllt.
Schritt 15. Klicken Sie auf Speichern
Es ist der blaue Knopf links von Vorschau aktualisieren oben in der Seitenleiste "HTML bearbeiten".
Schritt 16. Klicken Sie auf ←
Es befindet sich oben links auf der Seite.
Schritt 17. Klicken Sie auf Beenden
Sie sehen diese Option in der oberen linken Ecke der Seitenleiste "Design bearbeiten". Dein Tumblr-Theme hat jetzt ein Hintergrundbild.