Use a ferramenta Adicionar Imagem presente na barra da janela de postagem.
Para acrescentar um link à imagem, clique nela (vão aparecer linhas em volta) e use a opção Link da barra da janela de postagem.
:: Em outro lugar do blog, use uma das seguintes alternativas:
Alternativa 1:
Faça o login usando seu nome de usuário e senha e, no Painel do Blogger, localize o seu blog e clique em Layout para abrir a janela de edição do Modelo de seu blog. Clique em adicionar elemento de página na seção onde deseja colocar a imagem. Na janela que abrir localize adicionar imagem e clique em adicionar ao blog.
Na janela que abrir preencha os campos:
. Título: título da imagem; por exemplo " minha foto"
. Caption: nome que vai aparecer quando as pessoas passarem o mouse sobre a imagem.
. Na seção Imagem escolha uma das alternativas:
.. Imagem do seu computador: localize o arquivo de imagem
.. Imagem da Web: coloque no quadro o endereço completo da image; ex: http://www.meusite.com/vivi.jpg
. Deixe marcado o quadrinho "reduzir para ajustar "
. Clique em salvar alterações.
A imagem será adicionada ao layout de sua página. Clique nela e arraste para o local desejado.
Finalize clicando em SALVAR .
Alternativa 2:
Esta segunda alternativa atende, por exemplo, a quem quer adicionar um link para o webnote por meio de uma imagem colocada na barra lateral do blog.
Faça o login usando seu nome de usuário e senha e, no Painel do Blogger, localize o seu blog e clique em Layout para abrir a janela de edição do Modelo de seu blog. Clique em adicionar elemento de página na seção onde deseja colocar a imagem. Na janela que abrir localize adicionar html/javascript e clique em adicionar ao blog.
Na janela que a brir, preencha:
. Título: título da imagem; por exemplo " minha foto".
. Cole no quadro maior o seguinte código:
onde os itens em vermelho serão substituídos pelos dados da sua imagem:
* http://www.end.com.br/vivi.jpg - substitua pelo endereço completo da sua imagem.
* imagem - substitua pelo título da sua imagem (opcional)
* 0 - substitua pelo tamanho da borda desejada para a imagem (zero é sem borda)
* 250 - substitua pela largura desejada para a apresentação da imagem. Toda esta tag é opcional: pode-se retirar o width="250"
Clique em salvar alterações.
A imagem será adicionada ao layout de sua página. Clique nela e arraste para o local desejado.
Finalize clicando em SALVAR .
Caso queira que a imagem aponte para um determinado link, o código será:
* link - substitua pelo endereço para o qual você quer que a imagem leve ao ser clicada.
* http://www.end.com.br/vivi.jpg - substitua pelo endereço completo da sua imagem.
* imagem - substitua pelo título da sua imagem (opcional)
* 0 - substitua pelo tamanho da borda desejada para a imagem (zero é sem borda)
* 250 - substitua pela largura desejada para a apresentação da imagem. Toda esta tag é opcional: pode-se retirar o width="250"
Clique em salvar alterações.
Nenhum comentário:
Postar um comentário