inserindo imagens no seu blog

:: Na postagem:

Use a ferramenta Adicionar Imagem presente na barra da janela de postagem.
Para acrescentar um link à imagem, clique nela (vão aparecer linhas em volta) e use a opção Link da barra da janela de postagem.

:: Em outro lugar do blog, use uma das seguintes alternativas:

Alternativa 1:

Faça o login usando seu nome de usuário e senha e, no Painel do Blogger, localize o seu blog e clique em Layout para abrir a janela de edição do Modelo de seu blog. Clique em adicionar elemento de página na seção onde deseja colocar a imagem. Na janela que abrir localize adicionar imagem e clique em adicionar ao blog.

Na janela que abrir preencha os campos:

. Título: título da imagem; por exemplo " minha foto"
. Caption: nome que vai aparecer quando as pessoas passarem o mouse sobre a imagem.
. Na seção Imagem escolha uma das alternativas:

.. Imagem do seu computador: localize o arquivo de imagem
.. Imagem da Web: coloque no quadro o endereço completo da image; ex: http://www.meusite.com/vivi.jpg

. Deixe marcado o quadrinho "reduzir para ajustar "
. Clique em salvar alterações.

A imagem será adicionada ao layout de sua página. Clique nela e arraste para o local desejado.
Finalize clicando em SALVAR .

Alternativa 2:

Esta segunda alternativa atende, por exemplo, a quem quer adicionar um link para o webnote por meio de uma imagem colocada na barra lateral do blog.

Faça o login usando seu nome de usuário e senha e, no Painel do Blogger, localize o seu blog e clique em Layout para abrir a janela de edição do Modelo de seu blog. Clique em adicionar elemento de página na seção onde deseja colocar a imagem. Na janela que abrir localize adicionar html/javascript e clique em adicionar ao blog.

Na janela que a brir, preencha:

. Título: título da imagem; por exemplo " minha foto".
. Cole no quadro maior o seguinte código:

<img src="http://www.end.com.br/vivi.jpg" title="imagem" border="0" width="250">

onde os itens em vermelho serão substituídos pelos dados da sua imagem:

• http://www.end.com.br/vivi.jpg - substitua pelo endereço completo da sua imagem.
• imagem - substitua pelo título da sua imagem (opcional)
• 0 - substitua pelo tamanho da borda desejada para a imagem (zero é sem borda)
• 250 - substitua pela largura desejada para a apresentação da imagem. Toda esta tag é opcional: pode-se retirar o width="250"

Clique em salvar alterações.

A imagem será adicionada ao layout de sua página. Clique nela e arraste para o local desejado.
Finalize clicando em SALVAR .

Caso queira que a imagem aponte para um determinado link, o código será:

<a href="link"><img src="http://www.end.com.br/vivi.jpg" title="imagem" border="0" width="250"></a>

• link - substitua pelo endereço para o qual você quer que a imagem leve ao ser clicada.
• http://www.end.com.br/vivi.jpg - substitua pelo endereço completo da sua imagem.
• imagem - substitua pelo título da sua imagem (opcional)
• 0 - substitua pelo tamanho da borda desejada para a imagem (zero é sem borda)
• 250 - substitua pela largura desejada para a apresentação da imagem. Toda esta tag é opcional: pode-se retirar o width="250"

Clique em salvar alterações.


Recursos:

Ajuda do Blogger- imagens