Formatando uma imagem em uma postagem de texto no Tumblr

Um pôr do sol deslumbrante no oceano, uma cesta de gatinhos ou qualquer coisa igualmente agradável podem tornar uma postagem no Tumblr inesquecível. Infelizmente, as imagens que você adiciona a uma postagem de texto do Tumblr podem não ter as dimensões que você prefere. Por exemplo, se você carregar uma das fotos do papel de parede da sua área de trabalho no Tumblr, essa foto pode ocupar a maior parte do espaço da sua postagem. Solucione esse problema usando um truque simples de HTML para formatar imagens em suas postagens de texto e torná-las do tamanho que desejar.

1

Visite sua página do Tumblr e toque ou clique em "Texto" para visualizar a caixa de edição que permite criar postagens de texto. Digite um título para sua postagem na caixa de texto "Título" e posicione o cursor na caixa de texto maior abaixo da caixa de texto Título.

2

Digite o texto que deseja que apareça em sua postagem e clique no ícone "Carregar imagem" em forma de câmera. O Tumblr abre a janela File Upload que exibe as pastas e arquivos do seu disco rígido.

3

Clique duas vezes no arquivo de imagem que deseja incluir em sua postagem. A janela Upload de arquivo fecha e sua imagem aparece na caixa de edição.

4

Clique no botão "HTML" e analise o código HTML que aparece. Você verá uma tag HTML img especial que se parece com a do texto mostrado abaixo:

O código da tag de imagem começa com um símbolo menor que e termina com um símbolo maior que. Tudo entre esses dois símbolos constitui o texto que os navegadores usam para exibir a imagem. Observe que uma barra à direita aparece antes do símbolo de fechamento maior que.

5

Cole o seguinte texto antes da barra direita de fechamento:

altura = "100" largura = "150"

Esses atributos de altura e largura determinam o tamanho da imagem em pixels. Essas dimensões são 100 e 150 neste exemplo. Substitua esses dois valores por seus próprios valores de altura e largura. Por exemplo, se você deseja que sua imagem tenha 20 pixels de altura e 30 pixels de largura, use esses valores para a altura e a largura. O exemplo listado abaixo ilustra a aparência de sua tag img usando 20 e 30 como dimensões:

Clique no botão "HTML" novamente para retornar ao modo de visualização normal. Você verá que o tamanho da sua imagem foi alterado para corresponder às novas dimensões fornecidas no código HTML. Clique em "Publicar" para publicar sua postagem no blog.

Certifique-se de incluir pelo menos uma vez o espaço antes da barra direita de fechamento.