Uma forma simples de inserir um link imagem no blogger sem mexer em código.

Tanto no post(postagem) como na lateral(sidebar) do blogspot pode ser colocado imagens que funcionem como link para outra página ou blog.

* Nesse post você verá:Adicionar imagem link na Postagem
* Imagem link na lateral do blogger(sidebar)



Na área de Criar um post ou para a sidebar em adicionar Html/Javascript.

Adicionar imagem link na Postagem
1. Essa primeira explicação só funciona para quem usa editor antigo e não o novo editor de postagem no BlogSpotEscolha a opção Escrever.
2. Clique o botão Adicionar imagemAdicionar imagem.
3. Após ter adicionado a imagem clique sobre ela para "selecionar".

Se a imagem não selecionar ou não ficar envolvida com uma borda ao clicar sobre ela, tente dois cliques rápidos ou arrastar o mouse sobre ela

4. Clique no botão inserir linkinserir link,
5. Coloque o endereço http:// da página que você quer que seu link abra quando alguém clicar na imagem.

Dica: É bom você abrir a página e copiar o endereço da barra de endereço do navegador, para evitar erros. Os endereços devem começar com http:// porém, alguns sites só funcionam com http://www.
Exemplo Certo:

http://blog.foitestado.com/
ou
http://www.blog.foitestado.com/

Exemplo Errado:

www.blog.foitestado.com/
http://http://blog.foitestado.com/

6. Clique em Ok.

Você pode clicar em Visualizar e com o botão direito do mouse tentar abrir o link em nova janela para ver se funcionou.


Fazer imagem virar um link no blogspot
clique para aumentar



Imagem link na lateral do blogger(sidebar)

* Ainda não tem a opção de adicionar imagem em Html/Javascript, mas da para colar imagem, para a lateral do blogger.com ignorem o passo 1 e 2 da imagem acima Você pode fazer o procedimento acima(postar uma imagem),
* selecionar a imagem e copiar

Se a imagem não selecionar ou não ficar envolvida com uma borda ao clicar sobre ela, talvez precise clicar duas vezes, ou tente arrastar o mouse sobre ela.

* Ir em Layout(Design),
* Elementos da página,
* Adicionar um Gadget(elemento),
* Procure HTML/JavaScript, clique.
* Na janela que abrir, procure e clique no link Formato Rich Text
* Cole a imagem na área de edição

1. Ignore
2. Ignore
3. Após ter colado a imagem, clique sobre ela para "selecionar".

Se a imagem não selecionar ou não ficar envolvida com uma borda ao clicar sobre ela, tente arrastar o mouse sobre ela

4. Clique no botão inserir linkinserir link,
5. Coloque o endereço http:// da página que você quer que seu link abra quando alguém clicar na imagem. Veja a dica em destaque no passo 5 anterior e, os exemplos, para evitar erros.
6. Clique em Ok.
7. SALVAR

Após salvar é bom ver seu blog com outros navegadores(IE, Mozilla e Chrome) para ter certeza que não houve problema, em raras vezes o código do elemento(imagem) que você colou pode ser "quebrado" pelo blogger e causar um erro, por mais que você "não copiou um código" e sim apenas a imagem, esse código existe e vai junto pois é necessário


cores da fonte, cor de fundo e cor do titulo do blogger Veja que essa é uma imagem comum, mas essa imagem é um link para outro post .
Poderia ser uma imagem dizendo clique, isso depende da criatividade de cada um, se for útil, mas é um bom exemplo de colocar imagem link no blogger.


http://blog.foitestado.com/2008/11/colocar-imagem-link-no-blogspot.html