Como dar meu layout do Tumblr um fundo de imagem

Você pode inserir um gráfico de fundo no seu tema do Tumblr para que a imagem seja exibida por trás do texto e dos elementos do seu blog. Configure um gráfico para cobrir todo o plano de fundo ou use uma imagem menor se desejar que a imagem seja repetida na página. Alguns temas suportam o upload de uma imagem de plano de fundo através do painel Personalizar, outros não. Para temas que não suportam o upload através da interface, você pode enviar a imagem para um servidor da Web e, em seguida, vincular a imagem ao seu blog editando seu código HTML.

Tema suporta upload de imagem de fundo

1

Faça login no seu blog do Tumblr e clique no ícone "Configurações" na barra de ferramentas superior para abrir o menu "Configurações".

2

Clique no nome do seu blog no painel esquerdo para abrir a página Configurações do blog.

3

Clique no botão “Personalizar” na seção Tema para abrir o painel Personalizar.

4

Clique no botão "Upload" na entrada da imagem de fundo. O seletor de arquivos é aberto. Navegue até e clique na imagem para fazer o upload e, em seguida, clique em "Abrir". A imagem é enviada para o servidor do Tumblr.

5

Clique em "Salvar" e, em seguida, clique em "Fechar" para fechar o painel Personalizar.

O tema não suporta o envio de imagens

1

Carregue a imagem que você usará para o segundo plano em um servidor da Web e anote o URL da imagem.

2

Faça o login no seu blog do Tumblr e clique em “Configurações” para abrir o menu Configurações.

3

Clique no nome do seu blog no painel esquerdo para abrir o menu Configurações do seu blog.

4

Clique em “Personalizar” na seção Tema para abrir o painel Personalizar no painel esquerdo.

5

Clique no botão "Editar HTML" para revelar o código HTML.

6

Pressione “Ctrl-F” para abrir a caixa de diálogo Find. Digite ou copie e cole o seguinte código na caixa de diálogo Localizar e clique em "OK".

7

Localize a tag "body {" dentro da tag Style que acabou de encontrar na caixa Find e localize o código "background" dentro da tag body. A linha de código será semelhante à abaixo.

background: {color: Background} url ('{image: Background}');

Em alguns temas, a linha pode exibir como:

background-image: url ('{image: Background}')

8

Substitua o texto “image: Background” pelo URL da sua imagem de fundo. O código será exibido semelhante ao seguinte:

background: {color: Background} url ('{// www.myserver.com/myimage.jpg}');

9

Clique na opção “Atualizar visualização” no painel Editar HTML para visualizar a imagem de fundo.

10

Clique na seta “Aparência” para retornar ao painel Personalizar e, em seguida, clique em “Salvar” para salvar a imagem de fundo. Clique em "Fechar" para fechar o painel Personalizar.

Gorjeta

• Se o corpo do seu blog usa uma largura fixa, edite sua imagem de plano de fundo para as mesmas dimensões. Se o corpo não usar uma largura fixa, use uma imagem com uma largura de 1600 pixels e uma altura de 700 pixels para garantir que o gráfico não se repita quando visualizado.

Aviso

• Sua resolução de tela determinará como a imagem de fundo é exibida na tela.