Texto Sobre imagens usando CSS

Adicionar texto em uma imagem, facilita incluir o título dela, descrevê-la, ou mostrar sua fonte. Isto pode ser conseguido usando apenas CSS, sem qualquer Javascript para não tornar a página mais pesada e mais lenta.

Como adicionar texto sobre imagens usando CSS?

1. Acesse o painel do seu blog
2. Clique na guia “Modelo“
3. Procure pela tag:
4. Cole o código abaixo antes de

5. Clique em Salvar modelo

Abaixo está o código necessário para fazer o truque funcionar.

PRIMEIRO PARAGRAFO

SEGUNDO PARAGRAFO

Você pode utilizar tanto em uma postagem como em um gadget ou elemento de página html/Javascript.

Substitua URL DA IMAGEM pela url da sua imagem.

No PRIMEIRO PARAGRAFO você pode escrever um paragrafo inicial e no SEGUNDO PARAGRAFO o resto da descrição.

Você pode também  alterar a cor da fonte, tipo da fonte, e o tamanho da fonte.

Até a próxima!