Tecnología

Inicio

Cómo agregar la barra lateral a un tema Tumblr

March 8

Las barras laterales son elementos de diseño interesantes para añadir contenido extra, enlaces e información a su sitio Tumblr. Si va a crear un tema Tumblr o modificar una existente, se puede añadir una barra lateral para el diseño de tema. Al utilizar el método de Hojas de Estilo y las etiquetas de lenguaje de marcado de hipertexto apropiados, se puede insertar fácilmente una barra lateral en el tema.

Instrucciones

1 Lance un editor de texto o HTML en el ordenador y abrir el tema de Tumblr que está trabajando.

2 Encontrar el "<style type =" text / css ">" etiqueta en el código y añadir una nueva línea en blanco para empezar a escribir sobre.

3 Agregue el siguiente código CSS de su tema por debajo de la <style type = "text / css"> etiqueta:

{barra lateral

flotador izquierdo;
Anchura: 250px;
altura: 100%;
}

4 Cambiar el "float: left" a "float: right" si desea tener la barra lateral en el lado derecho de la página de Tumblr. Ajuste el valor de "ancho" para cumplir con el diseño de su tema.

5 Encontrar el "<div id =" contenedor ">" etiqueta debajo de la sección "<body>" y añadir unas líneas en blanco después pulsando la tecla "Enter".

6 Escriba la siguiente etiqueta en el área en blanco que acaba de crear:

<Div id = "barra lateral">

7 Pulse la tecla "Enter" para ir a la siguiente línea. Añadir cualquier tipo de código HTML o el contenido que desea mostrar en la barra lateral inmediatamente después de la <div id = "sidebar"> etiqueta.

8 Cierre la barra lateral adecuadamente escribiendo "</ div>" después de la última parte del contenido de la barra lateral.

9 Guardar el tema en su ordenador. Cuando esté listo, instalar el tema en su sitio Tumblr.