Como incorporar imagens em HTML para postagem do Tumblr

O Tumblr permite que você adicione fotos a postagens de texto enviando um arquivo de imagem do seu disco rígido ou colando diretamente um URL para uma imagem hospedada em um servidor de terceiros na janela do editor de postagem. Se o Tumblr não buscar corretamente a imagem vinculada, edite o código HTML da postagem para incorporar a imagem manualmente.

Aviso

  • Ao contrário das postagens padrão, as postagens de texto que contêm imagens adicionadas pela edição do código-fonte da postagem não exibem diretamente a imagem vinculada. Em vez disso, essas postagens exibem um ícone cinza no qual os visitantes devem clicar para revelar a imagem.
  • Certos sites impedem ativamente que outros sites tenham links diretos para imagens hospedadas em seus servidores - uma prática conhecida como hotlinking. Se você tentar adicionar um link para uma imagem hospedada por tal site, o Tumblr pode não conseguir exibir a imagem.

Passo 1

Clique em Texto.

Crédito da imagem: Imagem cortesia do Tumblr

Vá para sua Painel do Tumblr e crie uma nova postagem de texto clicando no Texto ícone.

Vídeo do dia

Passo 2

Componha sua postagem de texto.

etapa 3

Mude para o editor de HTML.

Crédito da imagem: Imagem cortesia do Tumblr

Mude para o editor de HTML do Tumblr abrindo o engrenagem menu e seleção HTML no menu Editor de texto.

Passo 4

Adicione o código HTML.

Crédito da imagem: Imagem cortesia do Tumblr

Insira o seguinte código HTML no ponto onde deseja exibir a imagem:

Substitua o URL de exemplo pelo correto.

Aviso

Não volte para o editor de rich text depois de editar o código-fonte da postagem. Isso faz com que o Tumblr exclua a marca da imagem que você inseriu.

Etapa 5

Publique sua postagem clicando no Publicar botão.