Como fazer seus títulos em textos se destacarem no Tumblr?

Quando você cria um novo blog do Tumblr, o sistema gera um modelo padrão com configurações que você pode ajustar. Como observa o Tumblr, essa flexibilidade oferece a capacidade de escolher a página do seu blog mais atraente e dar-lhe um toque pessoal. Mesmo se você não entender HTML, você pode aplicar uma atualização simples ao modelo para fazer os títulos em suas postagens de texto se destacarem.

Estilo de página da web 101

Os proprietários de sites mudam a aparência de suas páginas da Web adicionando atributos e valores da Folha de Estilos em Cascata a seus códigos. O valor do atributo color, por exemplo, determina a cor de um objeto. As pessoas usam o atributo background-color para colorir os fundos. Você também pode usar o atributo font-size para alterar a fonte de um elemento de texto. Ao aplicar um ou mais atributos CSS ao código HTML do seu blog do Tumblr, você pode personalizar seus elementos.

Encontre o código do seu modelo

Se você visitar o painel do Tumblr e clicar em "Personalizar", poderá abrir o editor de HTML clicando em "Editar HTML" no painel esquerdo do Tema Personalizado. Se você não vir “Editar HTML”, role até a parte superior do painel para localizá-lo. Quando a página abrir, pressione “Ctrl-F” e digite “post .title” na caixa de pesquisa (sem aspas). O editor salta para a linha de código que diz "#wrapper #content .post .title {."

Estilize seu HTML

Os atributos CSS que você adiciona após a linha de código que você encontrou determinam a aparência dos títulos das suas postagens. Teste isso colando "color: red; background-color: yellow; text-decoration: underline;" depois dessa linha. Não use aspas. Esses três atributos mudam a cor, a cor de fundo e a decoração do texto dos títulos de sua postagem para vermelho, amarelo e sublinhado. Clique em "Atualizar visualização" seguido de "Salvar" e visite a página do painel do Tumblr. Clique na imagem do seu perfil e você verá a página do seu blog como outras pessoas fazem. As postagens com títulos exibirão os novos atributos que você adicionou.

Mantenha seu blog atualizado

Altere os valores de seus atributos CSS sempre que desejar estilizar o texto do título de maneira diferente. Por exemplo, se você quiser um texto verde em um fundo vermelho um dia, altere as cores existentes para essas duas cores. Você também pode substituir sublinhado por sobreposição, linha contínua ou nenhum. Se você quiser alterar o tamanho da fonte também, cole "font-size: 22px" no final do código adicionado. Não use aspas. Substitua 22 pelo tamanho do pixel que você gostaria de usar para o seu texto. Neste exemplo, o tamanho seria 22 pixels. Valores maiores criam texto maior e valores menores criam texto menor. Visite um site como W3Schools.com que mostra os nomes de outras cores que você pode usar para estilizar seu blog (link em Recursos).