¿Cómo haces que tus títulos en textos se destaquen en Tumblr?

Cuando crea un nuevo blog de Tumblr, el sistema genera una plantilla predeterminada que tiene configuraciones que puede ajustar. Como señala Tumblr, esta flexibilidad le brinda la posibilidad de elegir la página de su blog más atractiva y darle un toque personal. Incluso si no comprende HTML, puede aplicar una simple actualización a la plantilla para que los títulos de sus publicaciones de texto se destaquen.

Estilo de página web 101

Los propietarios de sitios web cambian el aspecto de sus páginas web al agregar atributos y valores de hojas de estilo en cascada a su código. El valor del atributo de color, por ejemplo, determina el color de un objeto. La gente usa el atributo de color de fondo para colorear fondos. También puede utilizar el atributo de tamaño de fuente para modificar la fuente de un elemento de texto. Al aplicar uno o más atributos CSS al código HTML de su blog de Tumblr, puede personalizar sus elementos.

Encuentra tu código de plantilla

Si visita su panel de Tumblr y hace clic en "Personalizar", puede abrir el editor HTML haciendo clic en "Editar HTML" en el panel izquierdo del tema Personalizar. Si no ve "Editar HTML", desplácese hasta la parte superior del panel para encontrarlo. Cuando se abra la página, presione “Ctrl-F” y escriba “post .title” en el cuadro de búsqueda (sin comillas). El editor salta a la línea de código que dice "#wrapper #content .post .title {."

Diseña tu HTML

Los atributos CSS que agregas después de la línea de código que encontraste determinan el aspecto de los títulos de tus publicaciones. Pruebe esto pegando "color: rojo; color de fondo: amarillo; decoración de texto: subrayado;" después de esa línea. No use comillas. Esos tres atributos cambian el color, el color de fondo y la decoración del texto de los títulos de sus publicaciones a rojo, amarillo y subrayado. Haga clic en "Actualizar vista previa" seguido de "Guardar" y visite la página de su panel de Tumblr. Haga clic en la imagen de su perfil y verá la página de su blog de la misma manera que lo hacen los demás. Las publicaciones que tienen títulos mostrarán los nuevos atributos que agregó.

Mantenga su blog actualizado

Cambie los valores de sus atributos CSS siempre que desee aplicar un estilo diferente al texto del título. Por ejemplo, si un día desea texto verde sobre fondo rojo, cambie los colores existentes a esos dos colores. También puede reemplazar el subrayado con sobrelínea, línea completa o ninguna. Si también desea cambiar el tamaño de fuente, pegue "font-size: 22px" al final del código que agregó. No use comillas. Reemplaza 22 con el tamaño de píxel que te gustaría usar para tu texto. En este ejemplo, el tamaño sería de 22 píxeles. Los valores más grandes crean un texto más grande y los valores más pequeños crean un texto más pequeño. Visite un sitio como W3Schools.com que muestra los nombres de otros colores que puede usar para diseñar su blog (enlace en Recursos).