Hvordan sette et bakgrunnsbilde i ditt Tumblr -tema

Innholdsfortegnelse:

Hvordan sette et bakgrunnsbilde i ditt Tumblr -tema
Hvordan sette et bakgrunnsbilde i ditt Tumblr -tema

Video: Hvordan sette et bakgrunnsbilde i ditt Tumblr -tema

Video: Hvordan sette et bakgrunnsbilde i ditt Tumblr -tema
Video: How to Insert a Picture in to an email and Wrap Text around Picture in Outlook - Office 365 2024, Kan
Anonim

Denne wikiHow lærer deg hvordan du viser et bilde som din Tumblrs bakgrunn. Noen Tumblr -temaer kan ikke endre bakgrunnsbildene sine, enten det er gjennom opplasting eller HTML -redigering.

Trinn

Metode 1 av 2: Bruke et tilpassbart tema

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 1
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 1

Trinn 1. Gå til Tumblrs nettsted

Den ligger på https://www.tumblr.com/. Hvis du er logget på i nettleseren din, tar dette deg til startsiden din for Tumblr.

Hvis du ikke er logget på Tumblr, skriver du inn e -postadressen og passordet ditt, og klikker deretter Logg inn.

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 2
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 2

Trinn 2. Klikk på profilikonet ditt

Det er det personformede ikonet øverst til høyre på siden.

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 3
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 3

Trinn 3. Klikk på navnet på bloggen du vil redigere

Du finner den under "TUMBLRS" -overskriften omtrent halvveis ned i profilmenyen.

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 4
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 4

Trinn 4. Klikk på Rediger utseende

Dette alternativet er øverst til høyre på siden, like under Utkast og Innlegg seksjoner.

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 5
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 5

Trinn 5. Klikk på Rediger tema

Det er høyre for "Nettstedstema" -overskriften under profilbildet ditt.

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 6
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 6

Trinn 6. Se etter et kamera- eller blyantikon ved siden av Bakgrunn

Dette alternativet er under overskriften "TEMAALTERNATIV". Hvis du ser et kamera eller blyantikon til høyre for Bakgrunn, kan du laste opp ditt eget bilde.

  • Noen Tumblr -temaer har en variant av Bakgrunn (f.eks. Velg en bakgrunn) her.
  • Hvis du ikke ser dette alternativet i bloggens temalternativer, går du videre til neste metode.
  • Noen gratis temaer som lar deg laste opp ditt eget bilde er "Catching Elephant" og "Papercut". Betalte temaer inkluderer "Queens" og "Halcyon".
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 7
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 7

Trinn 7. Klikk på kameraikonet

Hvis du gjør det, åpnes et vindu der du kan velge et bilde fra datamaskinen.

For noen temaer klikker du i stedet på et blyantikon

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 8
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 8

Trinn 8. Velg et bilde

Avhengig av datamaskinen og stedet der dette vinduet åpnes, må du kanskje navigere til datamaskinens Bilder -mappe.

  • Noen temaer krever at du først klikker Velg et bilde.
  • Sørg for at bildet er av relativt høy kvalitet. Ellers kan det virke kornet eller ute av fokus.
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 9
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 9

Trinn 9. Klikk Åpne

Det er nederst i vinduet. Dette vil laste opp bildet ditt til Tumblr; temaet ditt bør oppdateres innen få sekunder for å vise den nye bakgrunnen din.

Metode 2 av 2: Redigering av HTML

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 10
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 10

Trinn 1. Gå til Tumblrs nettsted

Den ligger på https://www.tumblr.com/. Hvis du er logget på i nettleseren din, tar dette deg til startsiden din for Tumblr.

Hvis du ikke er logget på Tumblr, skriver du inn e -postadressen og passordet ditt, og klikker deretter Logg inn.

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 11
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 11

Trinn 2. Klikk på profilikonet ditt

Denne personformede knappen er øverst til høyre på siden.

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 12
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 12

Trinn 3. Klikk på navnet på bloggen du vil redigere

Den vil være under "TUMBLRS" -overskriften omtrent halvveis ned i profilmenyen.

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 13
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 13

Trinn 4. Klikk på Rediger utseende

Dette alternativet er øverst til høyre på siden, like under Utkast og Innlegg seksjoner.

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 14
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 14

Trinn 5. Klikk på Rediger tema

Det er til høyre for overskriften "Nettstedstema" som er under profilbildet ditt.

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 15
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 15

Trinn 6. Klikk på Rediger HTML

Denne lenken er under temaets navn øverst i sidelinjen "Rediger temaer".

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 16
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 16

Trinn 7. Klikk på tannhjulikonet

Det er øverst til venstre i "Rediger HTML" -linjen.

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 17
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 17

Trinn 8. Klikk Finn og erstatt

Hvis du gjør det, åpnes et vindu der du kan søke etter kodelinjen du må redigere.

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 18
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 18

Trinn 9. Skriv inn kroppen {

Denne koden finnes i alle Tumblr -temaer som inneholder et bakgrunnsbilde som kan tilpasses.

Hvis HTML -koden for det valgte temaet ikke inneholder en "body" -tagge, kan du ikke endre bakgrunnsbildet

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 19
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 19

Trinn 10. Se etter bakgrunnen:

stikkord.

Dette er rett under "body" -taggen; du legger til i bildets URL her mellom ":" og ";" på slutten av linjen.

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 20
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 20

Trinn 11. Erstatt tekst mellom "bakgrunn:

"og"; "med URL -taggen din.

URL -koden skal skrives som følger: url ().

I praksis vil hele denne linjen si bakgrunn: url (www.website.com/image.jpg);. Husk at det er et mellomrom mellom delen "bakgrunn:" og "url"

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 21
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 21

Trinn 12. Skriv inn bildens URL i parentes

Den valgte nettadressen din må ende med en bildefilutvidelse, for eksempel-j.webp

Åpne bildet i ny fane, og kopier nettadressen derfra.

Hvis du vil bruke et originalt bilde, kan du laste det opp til en tjeneste som Photobucket eller Imgur

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 22
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 22

Trinn 13. Klikk på Oppdater forhåndsvisning

Det er den grønne knappen øverst til høyre i sidefeltet "Rediger HTML". Du bør se det valgte bildet vises.

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 23
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 23

Trinn 14. Plasser bildet om nødvendig

Hvis bildet ditt er skjevt eller det plutselig blir av, skriver du inn følgende tre kodelinjer under "bakgrunn" -taggen:

  • bakgrunnsvedlegg: fast; - Dette vil beholde bildet ditt på ett sted.
  • bakgrunn-gjenta: nei-gjenta; - Du kan også endre no-repeat for å si repeat hvis du vil at bildet ditt skal gjentas når brukerne ruller ned.
  • bakgrunn-posisjon: senter; - Du kan også bruke høyre eller venstre i stedet for midt.
  • Du kan også legge til en linje som sier bakgrunnsstørrelse: omslag for å få bildet ditt til å fylle hele bakgrunnen.
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 24
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 24

Trinn 15. Klikk på Lagre

Det er den blå knappen igjen av Oppdater forhåndsvisning øverst i sidelinjen "Rediger HTML".

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 25
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 25

Trinn 16. Klikk ←

Det er øverst til venstre på siden.

Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 26
Legg et bakgrunnsbilde i ditt Tumblr -tema Trinn 26

Trinn 17. Klikk på Avslutt

Du ser dette alternativet øverst til venstre i sidefeltet "Rediger tema". Tumblr -temaet ditt har nå et bakgrunnsbilde.

Anbefalt: