Saltar para: Post [1], Comentários [2], Pesquisa e Arquivos [3]

SAPO Blogs

Imagens na coluna lateral

por Pedro, em 02.12.10

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.

193 comentários

Comentar post