Hvordan lage en egendefinert HTML for Tumblr

Hvordan lage en egendefinert HTML for Tumblr


Tumblr er en gratis, nettbasert mikroblogging tjeneste, kjent for sin lett-å-tilpasse funksjoner. I motsetning til andre blogging tjenester på nettet som tar et gebyr for full kontroll over området design, er Tumblr en blogg hvor du kan tilpasse HTML-koden. Du kan lage ditt eget tema ved hjelp Tumblr nettbaserte verktøy og Tumblr egne variabler. Tumblr variabler lar deg legge til dynamisk innhold til nettstedet ditt for eksempel lyd, video og tekst innlegg når du oppretter egendefinerte HTML-kode.

Bruksanvisning

1 Åpne en ny fil i Notepad.

2 Skriv inn i bloggen din grunnleggende HTML struktur:

<Head>

</ Head>

<Body>

</ Body>

3 Legge til innhold i <head> -delen bruker Tumblr variabler tittel, Favicon, RSS og Beskrivelse:

<Head>

&lt;title>{Title}&lt;/title>

& Lt; link rel = "snarveisikonet" href = "{Favicon}">

& Lt; link rel = "alternate" type = "application / rss + xml" href = "{RSS}">

{Block: Beskrivelse}

& Lt; meta name = "description" content = "{MetaDescription}" />

{/ Block: Beskrivelse}

& Lt; / head>

4 Skriv inn teksten som skal vises bloggen din tittel og beskrivelse innenfor <body> tags:

<H1> {title} </ h1>

{Block: Beskrivelse}

<P id = "description"> {Beskrivelse} </ p>

{/ Block: Beskrivelse}

5 Legg inn koden for å vise innholdet for bloggen din. Bruk forskjellige Tumblr variabler tilgjengelig på Tumblr tutorial siders tema. For eksempel er det følgende viser et tekst post:

{blokk: Innlegg}

{block:Text}

& Lt; div class = "mypost">

{Block: Tittel} & lt; h3> {tittel} & lt; / h3> {/ block: Tittel}

{Kropp}

& Lt; / div>

{/ Block: Tekst}

{/ Block: Innlegg}

6 Legg navigasjon til bunnteksten på bloggen din med "Forrige side" og "Neste side" variabler:

<Div class = "footer">

{block:PreviousPage}

& Lt; a href = "{previousPage}"> & # 171; Gå tilbake & lt; / a>

{/ Block: previousPage}

{Block: nextpage}

& Lt; a href = "{nextpage}"> Gå fremover & lt; / a>

{/ Block: nextpage}

& Lt; / div>

7 Logg inn på Tumblr.

8 Gå til bloggsiden og klikk "Tilpass."

9 Velg "Theme" og klikk "Bruk tilpasset HTML."

10 Kopier koden du opprettet på Notepad og lim den inn ditt Tumblr blog tilpassede HTML-delen.

11 Klikk på "Lagre".

Hint

  • Style bloggen din ved hjelp av Cascading Style Sheets eller CSS. Når du tilpasser bloggen din, klikker du bare på "Avansert" -fanen og skriv inn din egendefinerte CSS i feltet.