18 de ago de 2010

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)




4 comentários:

  1. Tu arraza heim rainha?
    Reverencias rainha!

    ResponderExcluir
  2. Elke,

    obrigado por compartilhar seus conhecimentos.

    Já procurei e não encontrei, gostaria de saber como deixar apenas a table da legenda com estilo e tudo, retirando a borda da imagem.

    Grato desde já.

    Keep blogging.
    Mais sucesso.
    TJ do loucosporvirtude | @loucos_virtude

    ResponderExcluir
  3. Tem como implementar alguma monetização com este recurso?

    ResponderExcluir
  4. Elke, também não encontrei o código no (.post img, table.tr-caption-container {
    padding:4px;
    border:1px solid $bordercolor;
    }

    Obrigada pelas várias ajudas!!!

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube