x

Cómo crear un HTML personalizado para Tumblr

Por cristina puno
Tumblr usa variables para ayudarte a crear tu propio tema usando HTML personalizado.
Jupiterimages/BananaStock/Getty Images

Tumblr es un servicio gratuito en línea de microblogging, conocido por sus funciones fáciles de personalizar. A diferencia de otros servicios de este tipo que cobran una tarifa para controlar por completo el diseño del sitio, Tumblr es un sitio de blog donde puedes personalizar el código de HTML por completo. Puedes crear tu propio tema usando las herramientas en línea de Tumblr y las variables propias del sitio. Éstas te permiten agregar contenido dinámico, como audio, video y publicaciones con texto cuando creas tu código de HTML personalizado.

Paso 1

Abre un archivo nuevo en Bloc de Notas.

Paso 2

Escribe la estructura básica del HTML de tu blog:

Paso 3

Agrega contenido a la sección usando las variables de Tumblr: Title, Favicon, RSS y Description:

{Title} {block:Description} {/block:Description}

Paso 4

Escribe el texto para visualizar el título y la descripción de tu blog dentro de las etiquetas :

{Title}

{block:Description}

{Description}

{/block:Description}

Paso 5

Agrega el código para mostrar el contenido de tu blog. Usa las diferentes variables disponibles en la página del tutorial de temas. Por ejemplo, el siguiente permite visualizar una publicación de texto:

{block:Posts} {block:Text}

{block:Title}

{Title}

{/block:Title} {Body}
{/block:Text} {/block:Posts}

Paso 6

Agrega navegación al pie de tu blog usando las variables "Previous Page" y "Next Page":

Paso 7

Inicia sesión en Tumblr.

Paso 8

Ve a la página de tu blog y haz clic en "Personalizar".

Paso 9

Elige "Tema" y haz clic en "Usar HTML personalizado".

Paso 10

Copia el código que creaste en el Bloc de Notas y pégalo en la sección de tu blog de HTML personalizado.

Paso 11

Haz clic en "Guardar".