Cómo hacer un Tutorial de Diseño Tumblr

Para hacer un diseño original para su blog de Tumblr, personalizar uno de los muchos temas existentes del sitio. Este proceso implica y construye dos habilidades principales. Una de ellas es la de diseño web, y el otro es el conocimiento de los códigos HTML y CSS necesarios para crear su diseño. Las partes fundamentales de la primera habilidad, diseño, es saber lo que se quiere comunicar con su diseño, y saber qué elementos visuales que pueden producir la comunicación. Para aprender qué códigos HTML y CSS pueden hacer que estos elementos, leer los códigos existentes de la página, a continuación, empezar a hacer pequeños cambios para ellos.

Instrucciones

1 Escriba su nombre de usuario y contraseña en la página de inicio de Tumblr para acceder a su cuenta. Haga clic en el icono de engranaje en la esquina superior derecha de la pantalla para pasar a la página de preferencias. Haga clic en el botón "Personalizar" para pasar a una pantalla que le permite cambiar el tema de tu blog.

2 Haga clic en el botón de "temas" en el panel izquierdo. Tumblr mostrará una lista de categorías cuyos nombres caracterizar diseños temáticos. Haga clic en la opción "Temas libres" para mostrar una lista de una lista de temas que no tienes que pagar para usar y personalizar.

3 Haga clic en el icono en miniatura de un tema para cargar una vista previa del tema en el panel derecho, a continuación, haga clic en el botón de "uso" en el panel izquierdo para aplicar el tema de tu blog. Haga clic en la sección "Descripción" la partida en el panel de la izquierda para entrar en el cuadro de texto para añadir una descripción de su blog. Escriba la descripción, a continuación, haga clic en los paneles de la izquierda botón Guardar para actualizar la ventana de vista previa en el panel derecho con su descripción revisada.

4 Haga clic en una de las muestras de color bajo la apariencia partida para mostrar un cuadro emergente de selección de color. Haga clic en un color de la caja, a continuación, haga clic en el icono "X" de la caja para cerrar el cuadro e instalar el nuevo color en la ventana de vista previa.

5 Haga clic en el botón "Editar HTML" en el panel izquierdo para mostrar estados HTML de la página, que le permiten realizar las modificaciones detalladas a la página. Haga clic en uno de los valores numéricos o de cadena en la columna de la derecha bajo el título "H1". Por ejemplo, haga clic en el valor a la derecha de la etiqueta "font-family". Este valor puede ser "Helvetica", "Times New Roman", "Arial", u otro nombre de la fuente.

6 Escriba un nuevo valor CSS para reemplazar la que ha hecho clic. Para el ejemplo "font-family", puede escribir el nombre de una fuente diferente, como "Verdana" o "símbolo". Haga clic en el botón "Actualizar vista previa" en el panel izquierdo para que el panel de vista previa muestra los cambios.

7 Haga clic en "Apariencia" del panel izquierdo para poner fin a la sesión de edición y comprometerse con los cambios de diseño.