Tecnología

Inicio

Cómo hacer un HTML personalizado para Tumblr

May 19

Cómo hacer un HTML personalizado para Tumblr


Tumblr es un servicio de micro-blogging en línea gratis, muy conocido por sus fáciles de personalizar las funciones. A diferencia de otros servicios de blogs en línea que cobran una tarifa para el control total sobre el diseño del sitio, Tumblr es un blog donde se puede personalizar por completo el código HTML. Usted puede crear su propio tema utilizando herramientas en línea de Tumblr y propias variables de Tumblr. las variables tumblr le permiten añadir contenido dinámico a su sitio como audio, vídeo y mensajes de texto cuando crea el código HTML personalizado.

Instrucciones

1 Abra un nuevo archivo en el Bloc de notas.

2 Escriba en la estructura básica en HTML de tu blog:

<Head>

</ Head>

<Body>

</ Body>

3 Agregar contenido a la sección <head> Uso de las variables de Tumblr Título, favicon, RSS y Descripción:

<Head>

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

& Lt; link rel = "icono de acceso directo" href = "{} Favicon">

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

{Bloque: Descripción}

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

{/ Bloque: Descripción}

& Lt; / head>

4 Escriba el texto que se mostrará el título del blog y la descripción dentro de las etiquetas <body>:

<H1> Título {} </ h1>

{Bloque: Descripción}

<P id = "description"> Descripción {} </ p>

{/ Bloque: Descripción}

5 Agregue el código para mostrar el contenido de su blog. Utilizar las diferentes variables disponibles en la página de Tumblr tutorial Tema de Tumblr. Por ejemplo, el siguiente es un puesto de pantallas de texto:

{bloques: Mensajes}

{block:Text}

& Lt; div class = "mypost">

{Block: Título} & lt; h3> {Título} & lt; / h3> {/ bloque: Título}

{Cuerpo}

& Lt; / div>

{/ Bloque: Texto}

{/ Bloque: Mensajes}

6 Añadir la navegación al pie de página de su blog a través de las variables "Página siguiente" "Anterior" y:

<Div class = "pie">

{block:PreviousPage}

& Lt; a href = "{} AnteriorPágina"> & # 171; Volver & lt; / a>

{/ Bloque: AnteriorPágina}

{Block: NextPage}

& Lt; a href = "{} NextPage"> Go Forward & lt; / a>

{/ Bloque: NextPage}

& Lt; / div>

7 Entre para Tumblr.

8 Ir a la página del blog y haga clic en "Personalizar".

9 Seleccione la opción "Tema" y haga clic en "Usar HTML personalizado."

10 Copiar el código que ha creado en el Bloc de notas y pegarlo en la sección HTML personalizado de tu blog Tumblr.

11 Clic en Guardar."

Consejos y advertencias

  • El estilo de su blog a través de Cascading Style Sheets o CSS. Al personalizar tu blog, basta con hacer clic en la pestaña "Avanzado" y teclee el código CSS personalizado en el campo correspondiente.