Agregar columnas y filas adicionales a Tumblr

Puede editar su tema de Tumblr de la forma que desee utilizando el editor HTML de Tumblr. Los temas de Tumblr usan el "

"Etiqueta para especificar secciones en el tema. Puede agregar una columna adicional, como una barra lateral, a su tema utilizando una combinación de hojas de estilo en cascada, o código CSS, y código HTML. Defina una tabla en uno de sus

secciones, luego agregue filas usando el etiquetas. Agregue celdas a las filas con etiquetas.

Definir una columna de barra lateral

Abra su panel de Tumblr, luego seleccione el blog para modificar en su panel.

Haga clic en "Personalizar", luego haga clic en "Editar HTML" para abrir el editor de HTML.

Defina la columna insertando el siguiente código entre "”En la sección CSS del código del tema. Puede diseñar la barra lateral, como desee, pero el código siguiente proporciona la construcción base para la columna:

.sidebar {posición: relativa; izquierda: 0px; arriba: 0px; }

Inserte el siguiente código entre "

"Y correspondiente"

”En la sección del cuerpo del código HTML donde desea que aparezca la columna. Reemplace el texto "(Inserte el contenido de la barra lateral aquí)" con su propio contenido.

... (Inserte el contenido de la barra lateral aquí) ...

Haga clic en "Actualizar vista previa", luego haga clic en "Guardar" para guardar los cambios. Haga clic en "Salir" para cerrar el menú Personalizar.

Definir una tabla con filas

Abra el código del tema en el editor HTML de Tumblr, luego ubique el

etiqueta que utilizará para su mesa. Crear un nuevo "

”Sección, si lo desea.

Inserte el siguiente código para definir la nueva tabla. Reemplace "Celda 1", "Celda 2", etc. con su contenido. Utilice estilos CSS para dar formato a la tabla, como desee.

 Fila 1, celda 1 Fila 1, celda 2
 Fila 2, celda 3 Fila 2, celda 4

Haga clic en "Actualizar vista previa", luego haga clic en "Guardar" para guardar los cambios. Haga clic en "Salir" para cerrar el menú Personalizar.

Consejos

La mayoría de los temas de Tumblr admiten la función de desplazamiento sin fin, por lo que no es necesario agregar filas a su tema a menos que desee organizar el diseño en tablas.

Utilice estilos CSS para personalizar la apariencia de sus columnas. Por ejemplo, para asignar el color blanco como fondo, inserte la declaración "background: #ffffff;" en el código CSS.