mynewspapers.net

Hur man gör en anpassad HTML för Tumblr

Hur man gör en anpassad HTML för Tumblr


Tumblr är en gratis, online microblogging tjänst, känd för dess lätt att skräddarsy funktioner. Till skillnad från andra online bloggtjänster som en avgift för full kontroll över webbplatsens design, är Tumblr en blogg där du kan helt anpassa HTML-koden. Du kan skapa ditt eget tema med Tumblr's online verktyg och Tumblr egna variabler. Tumblr variabler kan du lägga till dynamiskt innehåll på webbplatsen såsom ljud, video och text inlägg när du skapar din egen HTML-kod.

Instruktioner

• Öppna en ny fil i anteckningar.

• Typ i bloggens grundläggande HTML-struktur: < head >< / capita >< kropp >< / body >

• Lägga till innehåll i avsnittet < head > använda variablerna Tumblr titel, Favicon, RSS och beskrivning: < head >< titel > {Title} < / title >< länka rel = "snar vägen ikonen" href = "{Favicon}" >< länka rel = "alternativa" type = "application/rss + xml" href = "{RSS}" > {block: Beskrivning} < meta namn = "Beskrivning" innehåll = "{MetaDescription}" / > {/ block: Beskrivning} < / head >

• Typ i texten att visa din blogg titel och beskrivning inom < body >-taggarna: < h1 > {Title} < / h1 > {block: Beskrivning} < p-id = "Beskrivning" > {Beskrivning} < /p > {/ block: Beskrivning}

• Lägga till koden för att visa innehållet för din blogg. Använda olika Tumblr variabler finns på Tumblr tema handledning sida. Till exempel, följande är visar ett text inlägg: {block: inlägg} {block: Text} < div class = "mypost" > {block: titel} < h3 > {Title} < / h3 > {/ block: titel} {kropp} < / div > {/ block: Text} {/ block: inlägg}

• Lägga till navigering i sidfoten på din blogg med variablerna "Föregående sida" och "Nästa sida": < div class = "sidfot" > {block: PreviousPage} < en href = "{PreviousPage}" > «gå tillbaka < /a > {/ block: PreviousPage} {block: NextPage} < en href = "{NextPage}" > gå framåt < /a > {/ block: NextPage} < / div >

• Logga in på Tumblr.

• Gå till din bloggsida och klicka på "Anpassa".

• Välj "Tema" och klicka på "Använd anpassade HTML".

• Kopiera koden som du skapade på Notepad och klistra in den i din Tumblr blogg anpassade HTML-avsnitt.

• Klicka "Spara."