Como colocar uma imagem atrás dos cabeçalhos de postagem no Tumblr

Por padrão, seu blog do Tumblr mostra um cabeçalho de texto com o título do blog acima de suas postagens. Para melhorar a aparência da sua página, você pode adicionar uma imagem personalizada ao cabeçalho, enquanto deixa o texto existente exibido sobre a imagem. No tema padrão do Tumblr, isso requer a modificação do HTML do tema, mas adicionar uma imagem exige apenas uma única linha de código extra.

Faça login em sua conta do Tumblr e abra a página "Carregar um arquivo estático" (link em Recursos). O Tumblr fornece esse espaço de upload exclusivamente para arquivos de tema, portanto, não o use para fazer upload de imagens para postar em seu blog.

Selecione a imagem que deseja usar em seu cabeçalho e clique em "Carregar Arquivo". As imagens devem ter menos de 5 MB e você só pode fazer upload de no máximo 15 MB por dia.

Copie o endereço que o Tumblr exibe para sua imagem carregada.

Abra a página de configurações do Tumblr, selecione o blog que deseja editar e clique em "Editar tema". Clique em "Editar HTML" sob o nome do seu tema.

Role para baixo no código até o cabeçalho atual. Para ajudar a encontrar a linha correta, pressione "Control-F" e procure por "IfShowBlogTitle" (sem aspas).

Digite o código "

"(sem aspas externas) imediatamente antes de" {Title} "na linha" IfShowBlogTitle ". Cole o endereço da imagem que você copiou anteriormente entre os parênteses.

Clique em "Atualizar visualização" para ver a nova aparência do seu blog. Se parecer correto, clique em "Salvar".

Pontas

Se o texto de sobreposição ocupar mais espaço do que a imagem, a imagem será repetida para preencher o espaço necessário. Se você preferir que a imagem apareça apenas uma vez, adicione "background-repeat: no-repeat;" (sem aspas) imediatamente antes da aspa final no código que você adicionou.

Avisos

As informações neste artigo se aplicam ao tema padrão do Tumblr. Outros temas podem funcionar de maneira diferente ou incluir uma maneira de modificar seu cabeçalho sem editar o código manualmente.