Cómo crear un HTML personalizado para Tumblr

Escrito por cristina puno | Traducido por maria della cella figueredo
Cómo crear un HTML personalizado para Tumblr

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.

Nivel de dificultad:
Moderadamente difícil

Otras personas están leyendo

Instrucciones

  1. 1

    Abre un archivo nuevo en Bloc de Notas.

  2. 2

    Escribe la estructura básica del HTML de tu blog: <head> </head> <body> </body>

  3. 3

    Agrega contenido a la sección <head> usando las variables de Tumblr: Title, Favicon, RSS y Description: <head> <title>{Title}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description} </head>

  4. 4

    Escribe el texto para visualizar el título y la descripción de tu blog dentro de las etiquetas <body>: <h1>{Title}</h1> {block:Description} <p id="description">{Description}</p> {/block:Description}

  5. 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} <div class="mypost"> {block:Title}<h3>{Title}</h3>{/block:Title} {Body} </div> {/block:Text} {/block:Posts}

  6. 6

    Agrega navegación al pie de tu blog usando las variables "Previous Page" y "Next Page": <div class="footer"> {block:PreviousPage} <a href="{PreviousPage}">« Go Back</a> {/block:PreviousPage} {block:NextPage} <a href="{NextPage}">Go Forward</a> {/block:NextPage} </div>

  7. 7

    Inicia sesión en Tumblr.

  8. 8

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

  9. 9

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

  10. 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.

  11. 11

    Haz clic en "Guardar".

No dejes de leer...

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles

Copyright © 1999-2015 Demand Media, Inc. Acerca de

El uso de este sitio constituye la aceptación de los términos y política de privacidad de eHow. Ad Choices es-US

Demand Media