Para mostrar imagens na coluna lateral, precisa de usar um código HTML, que explicamos abaixo.
Insira este código num componente da Personalização Intermédia, no separador Componentes.
<img src="http://endereco.da.imagem.pt" border="0" />
Substitua o endereço da imagem (a laranja) pelo endereço da sua imagem. Pode alojar a sua imagem no SAPO Fotos (pode usar a sua conta associada ao blog) ou Photobucket e utilizar o link directo da imagem lá fornecido (não confunda com o endereço da página da imagem).
No separador Posições, da Personalização Intermédia, não se esqueça de activar o componente onde colou o código.
Como redimensionar a imagem na página?
Adicione as dimensões desejadas ao código da imagem da seguinte forma:
<img src="http://endereco.da.imagem.pt" width="100" height="50" border="0" />
Altere os valores de width e height de acordo com o que pretende.
Como fazer um link na imagem?
Para direccionar os seus leitores para uma página quando clicam na imagem, insira o seguinte código (o texto a vermelho refere-se ao código específico do link, e o azul ao da imagem):
<a href="http://www.sapo.pt"><img src="http://imagem.pt" border="0" /></a>
Substitua o endereço do link pelo da página para onde quer linkar.
Onde se encontra o link directo da imagem original no SAPO Fotos?
Depois de fazer o upload da imagem que pretende usar na coluna lateral, clique em "Outros tamanhos" e em "Original". Copie o endereço dessa imagem e use-o no código como acima descrito.
