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.

 

O código para inserir imagens na coluna lateral

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 coluna lateral

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 direto 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