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.