Editar HTML en Tumblr: Cómo insertar contenido, agregar una tabla y más

editar html de tumblr

La plataforma Tumblr ofrece diversas herramientas que permiten agregar contenido multimedia. Al ser una plataforma de microblogueo, brinda la posibilidad de personalizar totalmente la cuenta, incluso permitiendo la inserción de imágenes u otro tipo de contenido en HTML.

Es posible incluir contenido multimedia a través del código HTML de la cuenta y realizar configuraciones personalizadas. Tumblr permite a los usuarios acceder al código HTML asociado a su perfil y realizar modificaciones.

  • Accede a la página de Tumblr desde tu navegador.
  • Inicia sesión utilizando tus datos de acceso.
  • Haz clic en el icono para añadir nuevo contenido o en el icono de Enlace del Dashboard.
  • Sustituye la opción url por la dirección de la foto o video. Es importante que la imagen esté ya subida y disponible antes de realizar este paso.

Una vez realizado esto, presiona el botón Publicar y la imagen se cargará en la entrada correspondiente.

  Cómo archivar todas las fotos de Instagram sin perderlas

Incluir contenido en el tema del blog

  • Selecciona la opción Personalizar en el panel de control.
  • Elige la pestaña Tema.
  • Haz clic en la opción Usar HTML personalizado.

A partir de aquí, es posible modificar el tema del blog a tu gusto. Sin embargo, es importante tener conocimientos en HTML para evitar afectar su funcionamiento si no se tiene experiencia en este ámbito.

Agregar una tabla en HTML

Aunque añadir contenido multimedia es sencillo, si deseas agregar una tabla, necesitarás tener un poco más de paciencia. El proceso es sencillo, pero requiere tiempo.

Debes añadir las filas y columnas de la tabla, así como su contenido, utilizando código HTML. Esto se puede realizar a través del editor HTML de Tumblr.

  • Accede a tu cuenta de Tumblr desde el navegador de tu PC.
  • Ingresa tus datos de inicio de sesión para acceder a tu cuenta.
  • Haz clic en el icono de Configuración.
  • Luego selecciona la opción «Personalizar tu blog» y elige «Tema».
  • Se abrirá el editor HTML para modificar el diseño de tu blog.
  • Busca la etiqueta <table> en el código.
  • Decide dónde quieres colocar la tabla en la sección <body>.
  Cómo insertar una imagen de fondo en SolidWorks: Tutorial completo

Agrega el código en el editor HTML

Las etiquetas <tr> se usan para definir las filas de la tabla y las etiquetas <td> se utilizan para asignar el contenido en las celdas. La tabla se define con la etiqueta <table> en el código.

  • <table style=»text-align: center; float: left; border: 1; cellspacing: 8;»>
  • Fila 1 Nombre

La tabla tiene atributos para alinear el contenido de las celdas al centro, pero estos valores pueden cambiarse a izquierda o derecha según tus necesidades. El atributo border en 1 significa que la tabla tiene un borde, si no quieres mostrarlo, puedes cambiar el valor a 0.

  Cómo crear un código de barras en Excel: paso a paso y aplicaciones

El atributo cellspacing determina el espacio en píxeles entre cada fila. Si deseas agregar una nueva fila a la tabla, coloca primero la etiqueta <tr> y luego los elementos <td>. No olvides cerrar las etiquetas correctamente.

Modifica los valores que necesites o agrega nuevos. Cuando termines, cierra la etiqueta </table>.

Para ver el resultado final, haz clic en el botón de perfil. Verás que la tabla se muestra en el lugar donde la colocaste. Si deseas agregar más columnas a la tabla, simplemente agrega otro bloque con la etiqueta <tr> y los elementos <td>. Recuerda cerrar correctamente las etiquetas.

También puedes agregar otros atributos a la tabla, como el atributo Float, para indicar si se muestra a la derecha (right) o izquierda (left). Tienes muchas opciones, incluso puedes agregar imágenes, cambiar el fondo de la tabla o el color.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio