Hvordan lage en egendefinert Tumblr Layout i CSS

Tumblr er en gratis blogging plattform som gir alle verktøy for å lage dine egne layout ved hjelp av HTML og CSS. Du kan ikke redigere Tumblr CSS-filen direkte fra Tumblr dashbordet. Men finner du nettadressen for CSS-filen i temaet HTML og bruke den til å laste CSS-filen til datamaskinen. Når filen er på datamaskinen, kan du tilpasse det i en teksteditor, deretter laste det opp til Tumblr-konto.

Bruksanvisning

Last ned CSS fil

1 Logg deg på Tumblr-konto og klikk på navnet på bloggen du vil tilpasse.

2 Klikk "Tilpass utseende" fra menyen til høyre, klikk på "Rediger HTML" -knappen for å vise Tumblr tema kode.

3 Finn kodelinje som angir CSS stilark. Dette vil være nær toppen av koden og starter med følgende:

<Link rel = "stylesheet" type = "text / css"

4 Marker URL-adressen til CSS stilark som følger denne koden. Dette vil starte med "http: // & # 8221; og avslutte med "Css".

5 Høyreklikk og velg "Kopier" fra menyen.

6 Åpne en ny fane i nettleseren din, høyreklikker du i adressefeltet, og velg deretter "Lim inn."

7 Trykk på "Enter" -tasten for å vise CSS-filen.

8 Høyreklikk hvor som helst i CSS-kode og velg "Lagre" eller "Lagre som" for å lagre CSS-filen på datamaskinen.

Rediger og last opp ny CSS fil

9 Åpne den lagrede CSS-fil med en tekst editor. Du kan nå endre elementer i CSS layout, for eksempel layout farger, skriftstil og link stiler. Hvis du er kjent med CSS koding, kan du også legge til dine egne blokker av kode til CSS-fil for å tilpasse den. Lagre endringer i CSS-filen når du er ferdig.

10 Naviger til Tumblr er "Last opp en statisk fil" side, klikk på "Velg fil" og bla gjennom datamaskinen for den tilpassede CSS-filen. Dobbeltklikk på filen for å laste det.

11 Klikk "Last opp fil" for å lagre CSS filen på Tumblr-konto. En ny tekstboks vises, som viser URL-adressen for den opplastede CSS-fil.

12 Kopier URL-adresse og gå tilbake til din Tumblr blog HTML-kode.

1. 3 Bytt ut URL-adressen til den gamle stil i koden med den nye stil URL-adresse, og klikk deretter på "Preview Update." Du vil se endringer i CSS-layout i forhåndsvisningen.

14 Klikk "Lagre" for å publisere endringer i Tumblr blogg.