Hur man lägger en bakgrundsbild i ditt Tumblr -tema

Innehållsförteckning:

Hur man lägger en bakgrundsbild i ditt Tumblr -tema
Hur man lägger en bakgrundsbild i ditt Tumblr -tema

Video: Hur man lägger en bakgrundsbild i ditt Tumblr -tema

Video: Hur man lägger en bakgrundsbild i ditt Tumblr -tema
Video: How to Insert Images - Outlook Email 2024, Maj
Anonim

Denna wikiHow lär dig hur du visar ett foto som din Tumblrs bakgrund. Vissa Tumblr -teman kan inte ändra sina bakgrundsbilder, oavsett om det är genom uppladdning eller HTML -redigering.

Steg

Metod 1 av 2: Använda ett anpassningsbart tema

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 1
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 1

Steg 1. Gå till Tumblrs webbplats

Den finns på https://www.tumblr.com/. Om du är inloggad i din webbläsare tar det dig till din Tumblr -hemsida.

Om du inte är inloggad på Tumblr anger du din e -postadress och lösenord och klickar sedan på Logga in.

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 2
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 2

Steg 2. Klicka på din profilikon

Det är den personformade ikonen längst upp till höger på sidan.

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 3
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 3

Steg 3. Klicka på namnet på den blogg du vill redigera

Du hittar den under rubriken "TUMBLRS" ungefär halvvägs ner i profilmenyn.

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 4
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 4

Steg 4. Klicka på Redigera utseende

Det här alternativet finns längst upp till höger på sidan, strax under Utkast och Inlägg sektioner.

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 5
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 5

Steg 5. Klicka på Redigera tema

Det är rätt i rubriken "Webbplats tema" under din profilbild.

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 6
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 6

Steg 6. Leta efter en kamera- eller pennaikon bredvid bakgrunden

Detta alternativ ligger under rubriken "TEMAALTERNATIV". Om du ser en kamera- eller pennaikon till höger om Bakgrund, kan du ladda upp din egen bild.

  • Vissa Tumblr -teman har en variation av Bakgrund (t.ex., Välj en bakgrund) här.
  • Om du inte ser det här alternativet i din bloggs temalternativ fortsätter du till nästa metod.
  • Några gratis teman som låter dig ladda upp ditt eget foto är "Catching Elephant" och "Papercut". Betalda teman inkluderar "Queens" och "Halcyon".
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 7
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 7

Steg 7. Klicka på kameraikonen

Om du gör det öppnas ett fönster där du kan välja ett foto från din dator.

För vissa teman klickar du istället på en pennaikon

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 8
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 8

Steg 8. Välj ett foto

Beroende på din dator och platsen där det här fönstret öppnas kan du behöva navigera till datorns mapp Foton.

  • Vissa teman kräver att du klickar först Välj ett foto.
  • Se till att fotot är relativt högkvalitativt. Annars kan det verka kornigt eller ur fokus.
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 9
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 9

Steg 9. Klicka på Öppna

Det är längst ner i fönstret. Om du gör det laddar du upp ditt foto till Tumblr; ditt tema bör uppdateras inom några sekunder efter att du gjort det för att visa din nya bakgrund.

Metod 2 av 2: Redigering av HTML

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 10
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 10

Steg 1. Gå till Tumblrs webbplats

Den finns på https://www.tumblr.com/. Om du är inloggad i din webbläsare tar det dig till din Tumblr -hemsida.

Om du inte är inloggad på Tumblr anger du din e -postadress och lösenord och klickar sedan på Logga in.

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 11
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 11

Steg 2. Klicka på din profilikon

Denna personformade knapp finns i det övre högra hörnet av sidan.

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 12
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 12

Steg 3. Klicka på namnet på den blogg du vill redigera

Det kommer att ligga under rubriken "TUMBLRS" ungefär halvvägs ner i profilmenyn.

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 13
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 13

Steg 4. Klicka på Redigera utseende

Det här alternativet finns längst upp till höger på sidan, strax under Utkast och Inlägg sektioner.

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 14
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 14

Steg 5. Klicka på Redigera tema

Det är till höger om rubriken "Webbplats tema" som ligger under din profilbild.

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 15
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 15

Steg 6. Klicka på Redigera HTML

Denna länk är under ditt temas namn högst upp i sidofältet "Redigera teman".

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 16
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 16

Steg 7. Klicka på kugghjulsikonen

Det finns längst upp till vänster i fältet "Redigera HTML".

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 17
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 17

Steg 8. Klicka på Sök och ersätt

Om du gör det öppnas ett fönster där du kan söka efter kodraden du måste redigera.

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 18
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 18

Steg 9. Skriv in kroppen {

Denna tagg finns i alla Tumblr -teman som innehåller en anpassningsbar bakgrundsbild.

Om ditt valda temas HTML inte innehåller en "body" -tagg kan du inte ändra dess bakgrundsbild

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 19
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 19

Steg 10. Leta efter bakgrunden:

märka.

Detta är direkt under taggen "body {"; du lägger till bildens URL här mellan ":" och ";" i slutet av raden.

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 20
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 20

Steg 11. Ersätt eventuell text mellan "bakgrund:

"och"; "med din URL -tagg.

URL -taggen ska skrivas enligt följande: url ().

I praktiken kommer hela denna rad att säga bakgrund: url (www.website.com/image.jpg);. Tänk på att det finns ett mellanrum mellan "bakgrund:" - delen och "url" - delen

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 21
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 21

Steg 12. Ange bildens URL inom parentes

Den valda webbadressen måste sluta med ett bildfilstillägg som-j.webp

Öppna bilden i ny flikoch kopiera URL: en därifrån.

Om du vill använda ett originalfoto kan du ladda upp det till en tjänst som Photobucket eller Imgur

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 22
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 22

Steg 13. Klicka på Uppdatera förhandsgranskning

Det är den gröna knappen längst upp till höger i sidfältet "Redigera HTML". Du bör se den valda bilden visas.

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 23
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 23

Steg 14. Placera om bilden om det behövs

Om din bild är sned eller om den plötsligt skärs av anger du följande tre kodrader under taggen "bakgrund":

  • bakgrundsbilaga: fast; - Detta kommer att hålla din bild på ett ställe.
  • bakgrund-upprepa: ingen upprepning; - Du kan också ändra no-repeat för att säga repeat om du vill att din bild ska upprepas när användare rullar ner.
  • bakgrund-position: center; - Du kan också använda höger eller vänster istället för mitt.
  • Du kan också lägga till en rad som säger bakgrundsstorlek: omslag för att få din bild att fylla hela bakgrunden.
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 24
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 24

Steg 15. Klicka på Spara

Det är den blå knappen kvar Uppdatera förhandsgranskning högst upp i sidfältet "Redigera HTML".

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 25
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 25

Steg 16. Klicka på ←

Det är längst upp till vänster på sidan.

Lägg en bakgrundsbild i ditt Tumblr -tema Steg 26
Lägg en bakgrundsbild i ditt Tumblr -tema Steg 26

Steg 17. Klicka på Avsluta

Du ser det här alternativet i det övre vänstra hörnet i sidofältet "Redigera tema". Ditt Tumblr -tema har nu en bakgrundsbild.

Tips

Rekommenderad: