inserindo imagens no seu blog
:: Na postagem:
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:
<img src="http://www.end.com.br/vivi.jpg" title="imagem" border="0" width="250">
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á:
<a href="link"><img src="http://www.end.com.br/vivi.jpg" title="imagem" border="0" width="250"></a>
- 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"
3 comentários:
Prof, hoje é o dia do sofrimento, de manhã só me dei mal, mas agora a tarde me recuperei e consegui fazer várias coisas: link para o webnotes, calendário e contador de visitas.Valeu o trabalhão e o susto!
Prof, tenho os dois blogs, o do curso Modelo Padrão e o da Disciplina Avançado.
Estou com muitas dificuldades neste Avançado, apesar de não conhecer muito do Código HTML, eu ia por tentativa e erro.
Hoje tentando adicionar o WEbnote, não posso, pois já usei o Adicionar elemento para inserir o contador...o que faço?
Abraços.
Oi Cristiane
Insira outro elemento.
Uma coisa que reparei é que, algumas vezes, é preciso atualizar a página para que o elemento inserido apareça. E, às vezes, ele aparece fora de lugar e é preciso arrastá-lo para a posição desejada.
abraço!
Postar um comentário