Como colocar uma imagem de fundo no seu tema do Tumblr

Índice:

Como colocar uma imagem de fundo no seu tema do Tumblr
Como colocar uma imagem de fundo no seu tema do Tumblr

Vídeo: Como colocar uma imagem de fundo no seu tema do Tumblr

Vídeo: Como colocar uma imagem de fundo no seu tema do Tumblr
Vídeo: Como adicionar imagens a um e-mail no Outlook.com 2024, Maio
Anonim

Este wikiHow ensina como exibir uma foto como plano de fundo do Tumblr. Alguns temas do Tumblr não podem ter suas imagens de fundo alteradas, seja por meio de upload ou edição de HTML.

Passos

Método 1 de 2: usando um tema personalizável

Coloque uma imagem de plano de fundo em seu tema do Tumblr, passo 1
Coloque uma imagem de plano de fundo em seu tema do Tumblr, passo 1

Etapa 1. Vá para o site do Tumblr

Ele está localizado em https://www.tumblr.com/. Se você estiver conectado em seu navegador, será direcionado para a página inicial do Tumblr.

Se você não estiver conectado ao Tumblr, digite seu endereço de e-mail e senha e clique em Entrar.

Coloque uma imagem de plano de fundo no seu tema do Tumblr, etapa 2
Coloque uma imagem de plano de fundo no seu tema do Tumblr, etapa 2

Etapa 2. Clique no ícone do seu perfil

É o ícone em forma de pessoa no canto superior direito da página.

Coloque uma imagem de plano de fundo em seu tema do Tumblr, etapa 3
Coloque uma imagem de plano de fundo em seu tema do Tumblr, etapa 3

Etapa 3. Clique no nome do blog que deseja editar

Você o encontrará abaixo do título "TUMBLRS" na metade do menu suspenso do perfil.

Coloque uma imagem de fundo em seu tema do Tumblr, etapa 4
Coloque uma imagem de fundo em seu tema do Tumblr, etapa 4

Etapa 4. Clique em Editar aparência

Esta opção está no lado superior direito da página, logo abaixo do Rascunhos e Postagens Seções.

Coloque uma imagem de fundo em seu tema do Tumblr, etapa 5
Coloque uma imagem de fundo em seu tema do Tumblr, etapa 5

Etapa 5. Clique em Editar tema

É à direita do título "Tema do site" abaixo da imagem do seu perfil.

Coloque uma imagem de fundo em seu tema do Tumblr, etapa 6
Coloque uma imagem de fundo em seu tema do Tumblr, etapa 6

Etapa 6. Procure um ícone de câmera ou lápis próximo ao Plano de Fundo

Esta opção está abaixo do título "OPÇÕES DE TEMA". Se você vir um ícone de câmera ou lápis à direita de Fundo, você pode carregar sua própria imagem.

  • Alguns temas do Tumblr têm uma variação de Fundo (por exemplo., Escolha um fundo) aqui.
  • Se você não vir essa opção nas opções de tema do seu blog, prossiga para o próximo método.
  • Alguns temas gratuitos que permitem que você carregue sua própria foto são "Catching Elephant" e "Papercut". Temas pagos incluem "Queens" e "Halcyon".
Coloque uma imagem de fundo no seu tema do Tumblr, passo 7
Coloque uma imagem de fundo no seu tema do Tumblr, passo 7

Etapa 7. Clique no ícone da câmera

Isso abrirá uma janela na qual você pode selecionar uma foto de seu computador.

Para alguns temas, você clica em um ícone de lápis

Coloque uma imagem de fundo no seu tema do Tumblr, passo 8
Coloque uma imagem de fundo no seu tema do Tumblr, passo 8

Etapa 8. Selecione uma foto

Dependendo do seu computador e do local para o qual esta janela é aberta, você pode ter que navegar até a pasta Fotos do seu computador.

  • Alguns temas exigirão que você clique primeiro Escolha uma foto.
  • Certifique-se de que a foto seja de qualidade relativamente alta. Caso contrário, pode parecer granulado ou fora de foco.
Coloque uma imagem de fundo no seu tema do Tumblr, passo 9
Coloque uma imagem de fundo no seu tema do Tumblr, passo 9

Etapa 9. Clique em Abrir

Está na parte inferior da janela. Isso fará com que sua foto seja enviada para o Tumblr; seu tema deve ser atualizado em alguns segundos para exibir seu novo plano de fundo.

Método 2 de 2: Editando HTML

Coloque uma imagem de fundo em seu tema do Tumblr, passo 10
Coloque uma imagem de fundo em seu tema do Tumblr, passo 10

Etapa 1. Acesse o site do Tumblr

Ele está localizado em https://www.tumblr.com/. Se você estiver conectado em seu navegador, será direcionado para a página inicial do Tumblr.

Se você não estiver conectado ao Tumblr, digite seu endereço de e-mail e senha e clique em Entrar.

Coloque uma imagem de fundo em seu tema do Tumblr, etapa 11
Coloque uma imagem de fundo em seu tema do Tumblr, etapa 11

Etapa 2. Clique no ícone do seu perfil

Este botão em forma de pessoa está no canto superior direito da página.

Coloque uma imagem de plano de fundo em seu tema do Tumblr, etapa 12
Coloque uma imagem de plano de fundo em seu tema do Tumblr, etapa 12

Etapa 3. Clique no nome do blog que deseja editar

Ele estará abaixo do título "TUMBLRS" na metade do menu suspenso do perfil.

Coloque uma imagem de plano de fundo em seu tema do Tumblr, Etapa 13
Coloque uma imagem de plano de fundo em seu tema do Tumblr, Etapa 13

Etapa 4. Clique em Editar aparência

Esta opção está no lado superior direito da página, logo abaixo do Rascunhos e Postagens Seções.

Coloque uma imagem de plano de fundo em seu tema do Tumblr, Etapa 14
Coloque uma imagem de plano de fundo em seu tema do Tumblr, Etapa 14

Etapa 5. Clique em Editar tema

Está à direita do título "Tema do site", abaixo da foto do seu perfil.

Coloque uma imagem de plano de fundo em seu tema do Tumblr Etapa 15
Coloque uma imagem de plano de fundo em seu tema do Tumblr Etapa 15

Etapa 6. Clique em Editar HTML

Este link está abaixo do nome do seu tema, na parte superior da barra lateral "Editar temas".

Coloque uma imagem de plano de fundo em seu tema do Tumblr, Etapa 16
Coloque uma imagem de plano de fundo em seu tema do Tumblr, Etapa 16

Etapa 7. Clique no ícone de engrenagem

Está no lado superior esquerdo da barra "Editar HTML".

Coloque uma imagem de plano de fundo em seu tema do Tumblr Etapa 17
Coloque uma imagem de plano de fundo em seu tema do Tumblr Etapa 17

Etapa 8. Clique em Localizar e substituir

Isso abrirá uma janela na qual você poderá pesquisar a linha de código que precisará editar.

Coloque uma imagem de plano de fundo em seu tema do Tumblr. Etapa 18
Coloque uma imagem de plano de fundo em seu tema do Tumblr. Etapa 18

Etapa 9. Digite o corpo {

Esta tag está presente em todos os temas do Tumblr que contêm uma imagem de fundo personalizável.

Se o HTML do seu tema selecionado não contém uma tag "body {", você não pode alterar sua imagem de fundo

Coloque uma imagem de plano de fundo em seu tema do Tumblr Etapa 19
Coloque uma imagem de plano de fundo em seu tema do Tumblr Etapa 19

Etapa 10. Procure o plano de fundo:

marcação.

Isso está diretamente abaixo da tag "body {"; você adicionará o URL da sua imagem aqui entre ":" e ";" no final da linha.

Coloque uma imagem de plano de fundo em seu tema do Tumblr Passo 20
Coloque uma imagem de plano de fundo em seu tema do Tumblr Passo 20

Etapa 11. Substitua qualquer texto entre "fundo:

"e"; "com sua tag de URL.

A tag URL deve ser escrita da seguinte maneira: url ().

Na prática, toda essa linha dirá background: url (www.website.com/image.jpg);. Lembre-se de que há um espaço entre a parte "background:" e a parte "url"

Coloque uma imagem de plano de fundo em seu tema do Tumblr, Etapa 21
Coloque uma imagem de plano de fundo em seu tema do Tumblr, Etapa 21

Etapa 12. Digite o URL da sua imagem entre parênteses

O URL selecionado deve terminar com uma extensão de arquivo de imagem, como-j.webp

Abra a imagem em uma nova abae copie o URL de lá.

Se você quiser usar uma foto original, pode enviá-la a um serviço como o Photobucket ou Imgur

Coloque uma imagem de fundo em seu tema do Tumblr, Etapa 22
Coloque uma imagem de fundo em seu tema do Tumblr, Etapa 22

Etapa 13. Clique em Atualizar visualização

É o botão verde no lado superior direito da barra lateral "Editar HTML". Você deverá ver a imagem selecionada exibida.

Coloque uma imagem de plano de fundo em seu tema do Tumblr. Etapa 23
Coloque uma imagem de plano de fundo em seu tema do Tumblr. Etapa 23

Etapa 14. Reposicione a imagem se necessário

Se sua imagem estiver distorcida ou cortada abruptamente, insira as seguintes três linhas de código abaixo da tag "background":

  • anexo de fundo: fixo; - Isso manterá sua imagem em um só lugar.
  • repetição de fundo: sem repetição; - Você também pode alterar não repetir para dizer repetir se quiser que sua imagem se repita conforme os usuários rolam para baixo.
  • posição de fundo: centro; - Você também pode usar a direita ou a esquerda em vez do centro.
  • Você também pode adicionar uma linha que diz background-size: cover para fazer sua imagem preencher todo o fundo.
Coloque uma imagem de fundo em seu tema do Tumblr, Etapa 24
Coloque uma imagem de fundo em seu tema do Tumblr, Etapa 24

Etapa 15. Clique em Salvar

É o botão azul à esquerda de Antevisão da Atualização na parte superior da barra lateral "Editar HTML".

Coloque uma imagem de plano de fundo em seu tema do Tumblr Etapa 25
Coloque uma imagem de plano de fundo em seu tema do Tumblr Etapa 25

Etapa 16. Clique em ←

Ele está no lado superior esquerdo da página.

Coloque uma imagem de fundo em seu tema do Tumblr. Etapa 26
Coloque uma imagem de fundo em seu tema do Tumblr. Etapa 26

Etapa 17. Clique em Sair

Você verá essa opção no canto superior esquerdo da barra lateral "Editar tema". Seu tema do Tumblr agora tem uma imagem de fundo.

Recomendado: