Nessa postagem vou ensinar como fazer a imagem funcionar como link, para isso vou partir do ponto em que a imagem já está na área de postagem do blogger.

Dicas para não errar na criação de link

O sistema para criar link do blogger é fácil, você não precisa usar códigos, mas muita gente erra ao inserir a Url, a melhor forma de evitar erro é copiar a Url da barra de endereços do navegador, mas, você deve acessar a página que você quer que o visitante veja ao clicar no link, estando na página(ou site) selecione completamente o endereço(Url) que aparece na barra de endereços do navegador e copie ela.

Para criar link, evite digitar o endereço, isso porque você pode errar um caracter e seu link será para uma página de erro e isso é ruim para seu blog, ao selecionar e copiar o Url da barra de endereços ela será copiada completamente e pronta para criar links, mesmo que em alguns navegadores(especialmente o Chrome) ela apareça incompleta ou pareça sem o http:// quando você copiar ele virá junto.

Para selecionar completamente a Url da barra de endereços, clique dentro da barra de endereços e pressione junto as duas teclas de atalho Ctrl A

Exemplos de Url certo e errado para criar link

Os endereços devem começar com http:// po

Porque imagem-link, e exemplos

Quando você posta uma imagem no blogger, ela já é um link para a imagem original(como as imagens abaixo), com os passos abaixo, você estará fazendo dela um link para uma página ou site.

Um exemplo desse tipo de imagem-link é a primeira imagem desse post, eu transformei ela num link para a página inicial do blog, o correto é fazer isso com uma imagem expresse algo, não foi o caso da imagem que deixei acima, um bom exemplo de imagem-link expressivas são aqueles botões para feed ou para seguir no twitter que você vê em muitos sites em que navega, ao ver elas o visitante geralmente sabe o que representam e o que acontece ao clicar nela, o bom é que com os passos abaixo você poderá postar uma imagem, grande ou pequena, e fazer ela funcionar como link.

Fazer imagem virar um link

1. Esteja na opção Escrever do editor
2. Clique sobre a imagem
3. Abaixo dela aparecerá uma barra de opções e
4. Na barra de opções que aparecer clique em Editar Link ou Alterar link

   Atenção, Nesse passo 4, se na barra de opções que surgir não tiver a opçãoEditar link ou Alterar link, você terá que, após clicar na imagem, clicar no botão Link que fica na barra de botões do editor, aí o link padrão para a imagem será desfeito, aí, novamente deve clicar na imagem e depois no botãoLink da barra de opções, aí é só seguir os passos abaixo.

Clique para ver melhor

Sejam bem vindos ao Delicious, estamos ativos desde 14 de Julho de 2011. Sempre voltados ao entretenimento e ao Design com muita criatividade. Espero estar em constante crescimento e assim oferecer-lhes o melhor. Fiquem a vontade para fazer perguntas, sugestões ou críticas!

Clau... Testei com três colunas. Deu certinho, mas não ficam alinhadas. A "Center" dá uma caída de uma linha abaixo da "Left" e a "Right" duas linhas em relação à "Left"
Mesmo só com duas colunas, a diferença de uma linha por coluna acontece.
Tem como arrumar isto?