Colocando legenda e fundo nas imagens do Blogger

Eu já havia ensinado AQUI a fazer este efeito nas imagens, mas há outra forma, e com códigos do próprio Blogger. A primeira coisa a fazer é ir ao HTML do blog e procurar por este trecho:



.post img, table.tr-caption-container {
  padding:4px;
  border:1px solid $bordercolor;
}

Substitua então por este abaixo:

.post-body img, table.tr-caption-container {
  padding:5px;
  color: #000;/*cor da letra*/
  background: #ccc;/*cor de fundo*/
  border:1px solid #808080;/*cor da borda*/
}

Agora basta ir até o editor de postagens (onde você escreve os posts) e subir uma imagem.

Meus filhos, Júlia e Gabriel

Quando a imagem já estiver no editor, dê um clique com o botão do mouse. Abrirá uma pequena janela, veja, ao final estará escrito:

 Adicionar legenda.

Clique em adicionar legenda. Notou que agora tem uma inscrição ? Pois bem, apague e escreva a sua inscrição. Agora basta publicar. (você só verá o efeito no post)