Colocando imagens em uma postagem de blog

Postagens ficam mais atrativas quando contêm ilustrações. Sendo assim, dependendo do assunto, é interessante se escolher uma figura adequada para agregar ao texto. Os passos a seguir são instruções simples de como esse procedimento pode ser feito.

1ª ETAPA) PREPARAR A IMAGEM
A figura na postagem deve ter uma boa qualidade, mas não pode ser muito pesada, a fim de não prejudicar o carregamento da página. Então, deve-se escolher um programa de edição de imagens para fazer o devido processamento. Eis algumas opções (as duas primeiras têm links para instruções):

» Editor by Pixlr.com

» Fireworks

» Microsoft Office Picture Manager etc.

Obs.: As duas últimas opções permitem o processamento de mais de uma imagem ao mesmo tempo.


2ª ETAPA) COLOCAÇÃO DO ARQUIVO DA IMAGEM NA INTERNET
Pode-se colocar a imagem em algum HD virtual, tais como DropBox, Google Drive, Google Sites etc. Para aqueles que optam pelo Google Sites, o procedimento é o seguinte:

1) Acesse o link

https://sites.google.com/site/nomedoseusite/system/app/pages/admin/attachments

2) Clique no botãozinho FAZER UPLOAD

3) Procure o(s) arquivo(s) de imagem que você acabou de salvar e clique no botão FAZER UPLOAD (se for mais de um, faça upload em cada uma das imagens).

Até aqui você incluiu o(s) arquivo(s) de imagem naquele depósito virtual ligado à sua conta do Gmail. Agora, vamos colocar a(s) imagem(ns) na postagem.


3ª ETAPA) COLOCAÇÃO DA IMAGEM NA POSTAGEM
Considerando que você já fez a postagem, e que seu blog é no blogger.com:

1) Acesse www.blogger.com

2) Clique no 2º botão relacionado ao blog que se deseja incluir uma postagem com imagem, conforme exposto na figura abaixo, e depois escolha o item "Postagens":


3) Pode-se clicar no botão "Nova Postagem", à esquerda, quando se quiser digitar um novo conteúdo e inserção de imagens, ou pode clicar em uma das postagens passadas, a fim de editá-las.


4) Na tela que vai se abrir, a da própria postagem, clica-se no botões e preenche-se os espaços em branco indicados, conforme a numeração: [1] Clicar no botão 'HTML', [2] Escrever o título da postagem, [3] Marcador (pode ser mais de um ao mesmo tempo), [4] Clicar no botão "Concluído" do Marcador, [5] Opções (o mais importante é 'Pressionar "enter" para inserir quebras de linhas'), [6] Escrever o texto da postagem e [7] Clicar no botão 'Publicar'


5) Como se pode ver na figura acima, no começo do parágrafo que se quer colocar a foto, deve-se digitar o texto do comando da imagem:

<div style="float:left;"><img src="http://sites.google.com/site/nomedoseusite/nomedasuaimagem.jpg" /></div>

Você pode preferir que sua imagem fique à direita no parágrafo, então você coloca float:right ao invés de float:left.
Repita esse comando, colocando os nomes das diferentes imagens, em cada parágrafo que você escolheu para descrever a imagem.

6) Após clicar no botão "Publicar", deve-se acessar o blog e teclar F5 para ver o resultado.