Dicas para blogueiros: Colocando imagem em HTML

2:00 PM

Nível: Fácil
Hoje trago um tutorial bem simples e útil, ensinando como colocar imagens no seu blog utilizando os atributos HTML. Vamos ver?

Colocando imagem direto no HTML
Muitas pessoas quando vão colocar uma imagem na sidebar, utilizam o próprio gadget do blogger para isso, mas eu não indico ele, pois não tem como colocar mais de uma imagem, além de que, por HTML você pode configurar tudo do jeito que quiser.

Sempre que se quer colocar uma imagem no blog, seja em postagens ou nos gadgets da sidebar, utiliza-se um código bem simples: <img src="URL"/> *Aonde diz URL, substitua pelo link da imagem. Veja como fica:
<img src="linkdasuaimagem.com.br"/>

Borda e Padding
Você também pode aplicar á sua imagem, borda e padding (espaçamento entre o texto e a imagem). Para aplicar borda é só colocar border="1" ainda dentro das setinhas do código, assim:
<img src="linkdasuaimagem.com.br" border="1"/>
Troque o 1 pela espessura que você quer na borda.

Para aplicar padding, coloque padding="1px" também dentro das setinhas do código. Veja:
<img src="linkdasuaimagem.com.br" padding="1px"/>
Troque 1 pelo tamanho que quer no espaçamento entre a imagem e o texto.

Caso queira colocar os dois, ficará assim:
<img src="linkdasuaimagem.com.br" border="1" padding="1px"/>

Você pode também escolher apenas um, dois ou três lados ao invés de aplicar a borda ou o padding em todos os lados, é só colocar -right (direita) -left (esquerda) -top (encima) - bottom (embaixo).Veja:
<img src="linkdasuaimagem.com.br" border-right="1" padding-top="3px"/>

Acho que é isso. O tutorial é realmente bem simples, mas sei que muita gente tem dúvidas sobre isso. Espero que tenham gostado e continuem comentando para que eu traga mais tutoriais para vocês. Caso queiram pedir algum tutorial é só falar nos comentários. Beijos!

You Might Also Like

4 comentários

  1. Até hoje sofro com o tal do HTML, mas até que aprendi bastante coisa. Ótimas dicas.

    Bjos!!
    Cida
    Moonlight Books

    ResponderExcluir
    Respostas
    1. HTML no início pode ser difícil, mas com o tempo você vai pegando a "manha" hehe
      Beijos!

      Excluir
  2. Menina, amei a sua tutorial. Tanto que já coloquei o seu blog nos meus favoritos porque amanhã vou voltar aqui para ler melhor... kkkkkkkkkkkkkk
    Sou uma negação quando o assunto é HTML, e quando se é blogueira essas coisas são indispensáveis. BJS!

    ResponderExcluir
    Respostas
    1. Ai Elimar, não sabe como eu fico feliz em saber que alguém gostou do tutorial *-* hehe Espero que seja muito útil para você =D
      Beijos!

      Excluir