Hvordan lage en bakgrunn for Tumblr

July 4

Din Tumblr bakgrunnen er et bilde som er plassert under hoved utformingen av siden din, slik at brukerne fortsetter å se bildet som de bla gjennom listen over innlegg. Selv om noen Tumblr temaer bare bruke en farge for bakgrunnen, mange andre temaer benytte en standard bakgrunnsbilde. Selv om du bruker en eksisterende Tumblr tema mal, kan du opprette din egen Tumblr bakgrunn for å skape en ny titt bak en allerede strømlinjeformet layout.

Bruksanvisning

1 Undersøke din Tumblr nåværende bakgrunn og medfølgende fargevalget på layout. Du vil ønske din bakgrunn for å utfylle fargen og tilrettelegging av eksisterende layout, med mindre du planlegger å omorganisere hele oppsettet basert på den nye bakgrunnen. Rød tekst, for eksempel, vil vises svært tøffe mot en blå bakgrunn. En primært mørk bakgrunn vil kreve lys tekst. Hold slike faktorer i tankene å unngå å sløse bort tiden din på en bakgrunn som gjør teksten uleselig.

2 Åpne et bilderedigeringsprogram (Photoshop, GIMP, Paint, etc.) og skape en unik bakgrunn for Tumblr. Du kan designe et helt originalt bilde, eller du kan redigere et eksisterende bilde eller et annet bilde til å passe størrelsen på din bakgrunn. Selv om den ideelle størrelsen på bildet avhenger av temaets bestemte spesifikasjoner, vil de fleste nettlesere komfortabelt innkvartere bakgrunner med en bredde mellom 1400 og 1600 piksler. For å fylle bakgrunnen, bør bildet ha en høyde på minst 700 piksler.

3 Lagre den nye bakgrunnen som en PNG (Portable Network Graphics) bilde. PNG filtype kan vanligvis bevare en høyere kvalitet oppløsning med en mindre filstørrelse enn andre vanlige filformater. Tumblr besøkende vil ikke ønsker å vente lenge på bakgrunnen på siden din å laste, så holde filstørrelsen så liten som mulig uten å forvrenge eller pixelating bildet.

4 Besøk en gratis bilde-hosting nettsted, for eksempel Photobucket eller Imgur. Velg "Last opp" og bla gjennom datamaskinen for den nye bakgrunnen. Last opp bildet og holde dette vinduet åpent for å hente bildet URL for et senere trinn.

5 Logg deg på Tumblr konto i et nytt nettleser fane eller vindu. Besøk nettstedet ditt, og klikk på "Tilpass" -knappen. Klikk på "Theme" -menyen og velg "Custom HTML" for å vise koden for bloggens layout.

6 Trykk "Ctrl" + "A" for å velge hele koden. Høyreklikk og velg "Kopier". Åpne et tomt Notisblokk-dokument og lime inn hele koden. Dette vil bevare din Tumblr nåværende layout, i tilfelle du støter på noen problemer mens du redigerer koden.

7 Gå tilbake til "Custom HTML" -menyen på Tumblr og trykk "Ctrl" + "F." Skriv "<style type =" text / css ">" (uten utenfor anførselstegn) for å finne den aktuelle kodestreng. Under denne linjen, finn "bakgrunn" tag inne i "kroppen" kode.

8 Erstatte den eksisterende bakgrunnsbilde URL skrevet i "{image:}" parentes, med nettadressen din bakgrunn fra trinn 4. Hvis koden leser "øverst til venstre fast gjenta," endre dette uttrykket til «venstre fikset ingen gjentakelse. " Dette vil låse bildet inn i en jevn plassering på siden.

9 Klikk "Update Preview" for å vise Tumblr layout med den nylig installerte bakgrunnen. Klikk "Lagre" for å fullføre oppdatere Tumblr side.

Hint

Bruk Photoshop er "Save for Web" -funksjonen til å sammenligne de forskjellige filtyper og oppløsninger som er tilgjengelige i trinn 3. Ved litt demping fargene eller filtrere skarpheten i bildet, kan du i stor grad redusere størrelsen på bildefilen uten vesentlig påvirker bildets utseende.