Come fare un HTML personalizzato per Tumblr

January 20

Come fare un HTML personalizzato per Tumblr


Tumblr è un servizio di micro-blogging online gratuito, ben noto per i suoi facili da personalizzare le funzioni. A differenza di altri servizi di blogging online che imporre una tassa per il pieno controllo sul design del sito, Tumblr è un blog dove è possibile personalizzare completamente il codice HTML. È possibile creare il proprio tema utilizzando strumenti online di Tumblr e proprie variabili di Tumblr. variabili Tumblr consentono di aggiungere contenuti dinamici al vostro posto, come audio, video e messaggi di testo durante la creazione del codice HTML personalizzato.

istruzione

1 Aprire un nuovo file nel blocco note.

2 Digitare nella struttura HTML di base del tuo blog:

<Head>

</ Head>

<Body>

</ Body>

3 Aggiungere contenuto alla sezione <head> utilizzando le variabili Tumblr titolo, Favicon, RSS e Descrizione:

<Head>

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

& Lt; link rel = "icona di collegamento" href = "{} Favicon">

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

{Block: Descrizione}

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

{/ Block: Descrizione}

& Lt; / head>

4 Digitare il testo per visualizzare il titolo del blog e la descrizione all'interno dei tag <body>:

<H1> {Titolo} </ h1>

{Block: Descrizione}

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

{/ Block: Descrizione}

5 Aggiungere il codice per mostrare il contenuto per il tuo blog. Utilizzare le diverse variabili Tumblr disponibili sulla pagina di esercitazione tema di Tumblr. Ad esempio, il seguente è visualizzato un messaggio di testo:

{blocchi: Messaggi}

{block:Text}

& Lt; div class = "mypost">

{Block: Titolo} & lt; h3> {title} & lt; / h3> {/ block: Titolo}

{Corpo}

& Lt; / div>

{/ Block: Testo}

{/ Block: Messaggi}

6 Aggiungere la navigazione a piè di pagina del tuo blog utilizzando la "pagina precedente" e variabili "pagina successiva":

<Div class = "footer">

{block:PreviousPage}

& Lt; a href = "{} IndietroPagina"> & # 171; Go Back & lt; / a>

{/ Block: IndietroPagina}

{Block: NextPage}

& Lt; a href = "{} NextPage"> Vai avanti & lt; / a>

{/ Block: NextPage}

& Lt; / div>

7 Accedere a Tumblr.

8 Vai alla pagina del tuo blog e fai clic su "Personalizza".

9 Scegliere "Tema" e fare clic su "Usa HTML personalizzato."

10 Copiare il codice creata sul blocco note e incollarlo nella sezione HTML personalizzato del tuo blog Tumblr.

11 Fai clic su "Salva".

Consigli e avvertenze

  • Stile tuo blog utilizzando Fogli o CSS Cascading Style. Quando si personalizza il tuo blog, basta fare clic sulla scheda "Avanzate" e digitare il CSS personalizzato nel campo fornito.