Cómo ocultar la barra lateral en Tumblr

Su tema Tumblr utiliza objetos llamados "divs" para separar una página en secciones separadas. Por ejemplo, su blog probablemente tiene una div que actúa como un contenedor, que sostiene todos los elementos contenidos en la página; otra div que incluye sólo los mensajes recientes; y otra div que actúa como una barra lateral. Si desea quitar la barra lateral de su tema, que no tiene que profundizar en el código de la página y encontrar la manera de eliminar el objeto sin afectar el resto de la disposición. Cascading Style Sheets proporciona la respuesta en forma de la propiedad "Visibilidad", que puede hacer divs invisible. La barra lateral todavía estará allí, pero los visitantes simplemente no será capaz de verlo.

Instrucciones

1 Seleccione "Ajustes" en el panel de control después de acceder a su cuenta, y luego elegir un blog para editar.

2 Haga clic en "Personalizar" en la sección Tema para ir a la página de personalización y, a continuación, haga clic en "Editar HTML" para ver el código del documento.

3 Haga clic dentro del panel izquierdo y, a continuación, pulse la tecla "Ctrl-F" para abrir Encuentra. Tipo "#sidebar" en el campo de búsqueda y presiona "Enter". Si Buscar no puede localizar el plazo indicado, tratar ".sidebar" en su lugar.

4 Insertar "visibilidad: invisible"; (Sin comillas) en una nueva línea para ocultar la barra lateral, así:

{barra lateral

visibilidad: invisible;
}

5 Haga clic en "Actualizar vista previa" para ver los cambios. La barra lateral debe desaparecer sin afectar al resto de la disposición.

6 Haga clic en "Apariencia" para volver a la página anterior y, a continuación, haga clic en "Guardar" para aplicar los cambios.

7 Haga clic en "Cerrar" para volver al panel de control.

Consejos y advertencias

• Algunos temas pueden utilizar un nombre diferente para referirse a la barra lateral, tales como "bio" o "info". Si no puede localizar Buscar el término "#sidebar" o ".sidebar", haga clic derecho en la barra lateral de Mozilla Firefox o Google Chrome y selecciona "Inspeccionar elemento" en el menú contextual. Compruebe la barra de pestañas para ver el nombre de la div seleccionado.