Muitos temas do Tumblr permitem que você exiba uma imagem de banner no topo do seu blog no lugar do título do seu blog. Se, no entanto, o banner não estiver de acordo com sua preferência, você pode alterar seu alinhamento editando o código HTML do seu tema. Se o seu tema não suporta imagens de banner, ou você deseja adicionar um banner acima do título, você pode editar o código HTML para adicionar e posicionar um banner manualmente.
Temas com imagens de cabeçalho
Clique na guia "Personalização" no painel do Tumblr para acessar as configurações do tema.
Role para baixo até a seção Aparência no painel esquerdo e clique no botão "Carregar" próximo a "Cabeçalho" para carregar sua imagem de banner.
Role de volta para o topo do painel e clique em "Editar HTML" para acessar o código HTML do seu tema.
Pressione "Ctrl-F" no teclado para abrir a ferramenta de pesquisa e, em seguida, pesquise "{Title}" (sem as aspas) até encontrar a primeira ocorrência do termo na seção do corpo, logo após o "
"tag. Em muitos casos, estará dentro de um bloco que começa com"Inclua "{Title}" com o "
Clique em "Atualizar visualização" para ver se as alterações funcionaram. Se o banner não estiver centralizado na página, você pode ter modificado a seção errada do código e, nesse caso, desfaça as alterações e tente novamente.
Clique em "Salvar" e selecione "Sair" após alterar o banner com sucesso. Para descartar suas alterações por qualquer motivo ou para recomeçar, clique na seta para trás sem salvar e clique em "Sair".
Adicionar e posicionar banner manualmente
Faça upload de sua imagem de banner usando a página de upload do Tumblr (link em Recursos) e, em seguida, copie a URL exibida na página. Como alternativa, carregue o arquivo de imagem para outro site, como PhotoBucket ou TinyPic.
Clique na guia "Personalização" no painel do Tumblr para acessar as configurações do tema.
Clique em "Editar HTML" para acessar o código HTML do seu tema.
Pressione "Ctrl-F" no teclado para abrir a ferramenta de pesquisa e, em seguida, procure por "
" (sem as aspas).Insira uma nova linha logo abaixo do "
"e, em seguida, adicione a seguinte linha de código:Substitua "BannerImageURL" pelo URL do arquivo de imagem do seu banner.
Clique em "Atualizar visualização" para garantir que o banner seja exibido corretamente. Faça as alterações necessárias e clique em "Salvar" e "Sair".
Pontas
Para alinhar o banner à esquerda ou direita em vez de no centro, use o botão "
Avisos
Essas etapas devem funcionar na maioria dos temas padrão do Tumblr, mas não funcionarão como pretendido sempre, devido às diferenças no design do tema. Alguns temas podem exigir que você declare a imagem e, em seguida, atribua a ela um estilo na folha de estilo do tema; no entanto, esse método requer um entendimento básico de como o CSS funciona, e as etapas específicas variam entre os designs de tema.
