Hur lägger jag till en bakgrundsbild i ditt Tumblr-tema?

Ditt Tumblr-tema har nu en bakgrundsbild
Ditt Tumblr-tema har nu en bakgrundsbild.

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

  1. 1
    Gå 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.
  2. 2
    Klicka på din profilikon. Det är den personformade ikonen längst upp till höger på sidan.
  3. 3
    Klicka på namnet på bloggen du vill redigera. Du hittar den under rubriken "TUMBLRS" ungefär halvvägs ner i profilmenyn.
  4. 4
    Klicka på Redigera utseende. Det här alternativet finns längst upp till höger på sidan, strax under sektionerna Utkast och inlägg.
  5. 5
    Klicka på Redigera tema. Det är rätt under rubriken "Webbplatstema" under din profilbild.
    Ditt tema bör uppdateras inom några sekunder för att visa din nya bakgrund
    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.
  6. 6
    Leta 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".
  7. 7
    Klicka 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.
  8. 8
    Vä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.
  9. 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 för att visa din nya bakgrund.

Metod 2 av 2: redigering av html

  1. 1
    Gå 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.
  2. 2
    Klicka på din profilikon. Den här personformade knappen finns längst upp till höger på sidan.
  3. 3
    Klicka 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.
  4. 4
    Klicka på Redigera utseende. Det här alternativet finns längst upp till höger på sidan, strax under sektionerna Utkast och inlägg.
  5. 5
    Klicka på Redigera tema. Det är till höger om rubriken "Webbplatsens tema" som ligger under din profilbild.
    Om ditt nuvarande tema inte stöder uppladdning av ett bakgrundsfoto eller lägg till ett via HTML
    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.
  6. 6
    Klicka på Redigera html. Den här länken är under ditt temas namn högst upp i sidofältet "Redigera teman".
  7. 7
    Klicka på kugghjulsikonen. Det finns längst upp till vänster i "Redigera HTML" -fältet.
  8. 8
    Klicka 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.
  9. 9
    Skriv 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.
  10. 10
    Leta 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.
  11. 11
    Ersä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.
  12. 12
    Ange 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.
  13. 13
    Klicka 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.
  14. 14
    Placera 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.
    Du kommer att se detta alternativ i det övre vänstra hörnet på sidofältet "Redigera tema"
    Du kommer att se detta alternativ i det övre vänstra hörnet på sidofältet "Redigera tema".
  15. 15
    Klicka på Spara. Det är den blå knappen till vänster om uppdateringen av förhandsgranskningen högst upp i sidofältet "Redigera HTML".
  16. 16
    Klicka på . Det finns längst upp till vänster på sidan.
  17. 17
    Klicka 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.

Tips

  • 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.

Varningar

  • 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.

Relaterade artiklar
  1. Hur schemalägger jag ett inlägg på Blogger?
  2. Hur svartlistar man på Tumblr?
  3. Hur ändrar jag namnet på tumblr?
  4. Hur ändrar jag en Tumblr-URL?
  5. Hur man tar kvalitets Tumblr-bilder?
  6. Hur rebloggerar du dig själv på Tumblr?
FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail