Tecnología

Inicio

Cómo crear una barra lateral fija en Tumblr

La barra lateral de tu blog Tumblr se encuentra en el lado derecho o del lado izquierdo de la página y por lo general contiene información y enlaces que los visitantes de tu blog encontrarán útil. En muchos temas, la barra lateral está posicionado con respecto al cuerpo del blog, lo que significa que cuando se desplaza hacia abajo, los rollos de la barra lateral fuera de la página. Si desea hacerlo de modo que la barra lateral permanece fija en la pantalla, no importa cuán lejos se desplaza hacia abajo, tendrá que editar el código HTML de tu blog.

Instrucciones

1 Visita la página de Tumblr "Iniciar sesión", que se puede encontrar en tumblr.com/login. Introduzca su dirección de correo electrónico y la contraseña de la cuenta que desea editar.

2 Haga clic en el nombre del blog de Tumblr en la parte superior del panel. A continuación, haga clic en "Personalizar Apariencia" en el lado derecho de la pantalla.

3 Haga clic en "Tema" en la parte superior de la página. En la parte inferior de la ventana pequeña desplegable que se abre, haga clic en "Uso de HTML personalizada". Las miniaturas de temas van a desaparecer y ser reemplazado por una larga lista de código HTML.

4 Pulse "CTRL" y "F" para abrir un cuadro de búsqueda. El tipo de "barra lateral" y la primera palabra "barra lateral" se resaltará en el código HTML. La mayoría de los temas serán etiquetar el código de barra lateral en "/

barra lateral /" o algo similar. Si el código no es así, busque "#sidebar {" o "# columna derecha {", seguido de unas pocas líneas marcadas "flotan", "ancho" y "de color".

5 Encuentra la línea llamada "posición:" justo bajo el título barra lateral. Cambiar la palabra después de "posición" a "fijo". Si no ve una línea de posición, seleccione el final de la línea de ningún justo debajo de la cabecera, pero antes de que el corchete de cierre, "}", pulse "Enter" y el tipo de "position: fixed;". Haga clic en "Guardar" en la parte superior de la pantalla para guardar los cambios. Su barra lateral será establecido ahora en su posición cuando se desplaza por la página.

Consejos y advertencias

  • Tras resolver el problema de la barra lateral en la posición, puede saltar inicialmente a un lado de la página, ya que no está unido al lado de la zona de mensaje. Añadir un trozo de código HTML que lee "derecha: 300px;" o "izquierda: 300px;" directamente debajo de la "position: fixed;" la línea que ha creado. Haga clic en "Guardar" para ver cómo se verá la barra lateral, y luego volver atrás y cambiar el "300" a un número diferente hasta que la barra lateral se ve bien en su blog.

Artículos relacionados