Hur lägger jag till en bakgrundsbild i ditt Tumblr-tema?
Den här guiden lär dig hur du visar ett foto som din Tumblrs bakgrund. Vissa Tumblr-teman kan inte ändra deras bakgrundsbilder, oavsett om det sker genom uppladdning eller HTML-redigering.
Metod 1 av 2: använder ett anpassningsbart tema
- 1Gå till tumblrs webbplats. Den finns på https://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.
- 2Klicka på din profilikon. Det är den personformade ikonen längst upp till höger på sidan.
- 3Klicka på namnet på bloggen du vill redigera. Du hittar den under rubriken "TUMBLRS" ungefär halvvägs ner i profilmenyn.
- 4Klicka på Redigera utseende. Det här alternativet finns längst upp till höger på sidan, strax under sektionerna Utkast och inlägg.
- 5Klicka på Redigera tema. Det är rätt under rubriken "Webbplatstema" under din profilbild.
- 6Leta efter en kamera- eller pennaikon bredvid Bakgrund. Det här alternativet ligger under rubriken "TEMAALTERNATIV". Om du ser en kamera- eller pennaikon till höger om bakgrunden kan du ladda upp din egen bild.
- Vissa Tumblr-teman har en variation av bakgrunden (t.ex. Välj en bakgrund) här.
- Om du inte ser det här alternativet i din bloggs temalternativ, fortsätt 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".
- 7Klicka på kameraikonen. Om du gör det kommer ett fönster att öppnas där du kan välja ett foto från din dator.
- För vissa teman klickar du istället på en pennaikon.
- 8Välj ett foto. Beroende på din dator och platsen där fönstret öppnas kan du behöva navigera till datorns Foton-mapp.
- Vissa teman kräver att du först klickar på Välj ett foto.
- Se till att fotot är relativt högkvalitativt. Annars kan det verka kornigt eller ur fokus.
- 9Klicka 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 för att visa din nya bakgrund.
Metod 2 av 2: redigering av html
- 1Gå till tumblrs webbplats. Den finns på https://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.
- 2Klicka på din profilikon. Den här personformade knappen finns längst upp till höger på sidan.
- 3Klicka på namnet på bloggen du vill redigera. Det kommer att ligga under "TUMBLRS" på väg ungefär halvvägs ner i rullgardinsmenyn för profil.
- 4Klicka på Redigera utseende. Det här alternativet finns längst upp till höger på sidan, strax under sektionerna Utkast och inlägg.
- 5Klicka på Redigera tema. Det är till höger om rubriken "Webbplatsens tema" som ligger under din profilbild.
- 6Klicka på Redigera html. Den här länken är under ditt temas namn högst upp i sidofältet "Redigera teman".
- 7Klicka på kugghjulsikonen. Det finns längst upp till vänster i "Redigera HTML" -fältet.
- 8Klicka på Sök och ersätt. Om du gör det öppnas ett fönster där du kan söka efter den kodrad du måste redigera.
- 9Skriv in body {. Den här taggen finns i alla Tumblr-teman som innehåller en anpassningsbar bakgrundsbild.
- Om HTML-koden för ditt valda tema inte innehåller en "body {" -tagg kan du inte ändra dess bakgrundsbild.
- 10Leta efter background: taggen. Detta är direkt under taggen "body {"; du lägger till i din bilds URL här mellan ":" och ";" i slutet av raden.
- 11Ersätt text mellan "bakgrund:" och ";" med din URL-tagg. Webbadressen tag ska skrivas på följande sätt: url().
- I praktiken kommer hela denna linje att säga background: url(.website.com/image.jpg);. Tänk på att det finns ett mellanslag mellan "bakgrund:" -delen och "url" -delen.
- 12Ange webbadressen för din bild inom parentes. Din valda webbadress måste sluta i ett bildfilstillägg som .jpg eller .png. Det enklaste sättet att få en bilds webbadress att visas i detta format är att högerklicka (eller klicka med två fingrar) på fotot, klicka på Öppna bild i en ny flik och kopiera URL-adressen därifrån.
- Om du vill använda ett originalfoto kan du ladda upp det till en tjänst som Photobucket eller Imgur.
- 13Klicka på Uppdatera förhandsgranskning. Det är den gröna knappen längst upp till höger på sidfältet "Redigera HTML". Du bör se den valda bilden visas.
- 14Placera bilden om det behövs. Om din bild är sned eller om den plötsligt skär av, anger du följande tre rader kod under "bakgrund" -taggen:
- background-attachment: fixed; - Detta kommer att hålla din bild på ett ställe.
- background-repeat: no-repeat;- Du kan också ändra för no-repeat att säga repeat om du vill att din bild ska upprepas när användare rullar nedåt.
- background-position:center;- Du kan också använda right eller left istället för center.
- Du kan också lägga till en rad som säger background-size: cover att din bild ska fylla hela bakgrunden.
- 15Klicka på Spara. Det är den blå knappen till vänster om uppdateringen av förhandsgranskningen högst upp i sidofältet "Redigera HTML".
- 16Klicka på ←. Det finns längst upp till vänster på sidan.
- 17Klicka på Avsluta. Du kommer att se detta alternativ i det övre vänstra hörnet på sidofältet "Redigera tema". Ditt Tumblr-tema har nu en bakgrundsbild.
- Om ditt nuvarande tema inte stöder uppladdning av ett bakgrundsfoto eller lägg till ett via HTML kan du överväga att installera ett nytt tema som stöder något av dessa alternativ.
- Om du tar bort koden som inte anges i den här artikeln skadas ditt tema.
Frågor och svar
- Finns det några rekommenderade mått?Nej. Bara att beskära bilderna som du vill fungerar bäst.