Personalizar a legenda da imagem – Blogger
TutoriaisOi gente! O tutorial de hoje, sobre como personalizar a legenda da imagem dos posts no blogger, foi sugestão de algumas migas lá do Daydream ♥ e é algo super fácil de fazer, então é só colocar o código no lugar certo, e alterar a cor, e pronto, ta perfeito! haha.
Você precisa ir no painel do seu blogger, e clicar em Modelo, e depois Editar Html
Então clique no meio dos códigos que apareceram, aperte ctrl+f no seu teclado e procure por:
]]></b:skin>
Acima disso, cole o seguinte código:
td.tr-caption {
font-size: 90%;
background-color: #a5efe4;
display: inline;
color: #000;
padding: 5px 20px;
font-style: italic;
top: -50px;
float: right;
position: relative;
margin-bottom: -30px;
}
Para trocar a cor do fundo da legenda, é só substituir o código em vermelho, pelo código da cor desejada. Para trocar a cor da letra, é só substituir o código em azul. Veja os códigos de todas as cores aqui.
Depois é só salvar!
Caso você não saiba com colocar a legenda na imagem:
Quando você está criando um post, e faz o upload da imagem, clique em cima dela, e vai aparecer algumas opções para você escolher o tamanho, a posição, propriedades e entre essas opções vai ter legenda. Então, é só escrever a legenda que quer e depois continuar seu post normalmente.
E só! O tutorial foi bem rapidinho né? Mas espero que seja muito útil pra vocês! Caso tenha gostado do tutorial, deixe seu comentário e compartilhe com a suas amigas blogueiras!
Ah, se tiver dúvidas ou sugestões de tutoriais, pode ficar a vontade para comentar e pedir! Beijinhos ♥

Talvez você goste:
Obrigada pelo tutorial, eu sempre quis aprender a fazer um desses, acho a legenda normal do blogger que fica em baixo do post meio feinho, vou tentar fazer aqui!!
Beijão!
Agridoce Leitura
Aaaah sua maravilhosa! Tava precisando viu? Muuuito obrigafo por ensinar ❤
Aqui não funcionou 🙁 inheeeeeew ! que tristeza .
No meu não pegou </3
Não deu certo!!!
Sério? Poxa ): Mas o que deu errado? Como ficou?
Ficou como? :c
Funcionou sim ♥ é porque eu tinha tentado e pensei que já ia ficar na página de edição, mas tu tem que clicar em VISUALIZAR no blog pra ver que deu certo, diz pras gurias que também não conseguiram :3
O único problema é que ficou muito pra baixo e um pouco fora da imagem, tem como eu arrumar isso ? :
Amei o tutorial (♥) :3
Oi Lariz,
Eu não estou conseguindo fazer esse slide carrocel funcionar nessa sua base, você poderia fazer um tutorial explicando como fez pra que desse certo?
Lariz, eu consegui colocar <3 mas a faixinha fica pra fora da imagem, como arruma isso? 🙁
Amei o post <3 Prefiro colocar pelo editor haha mas anotei o codigo quem sabe <3
Adorei o tutorial, já inseri no meu blog, mas queria que ficasse com esse efeito na página inicial também, e só fica quando eu abro o post por completo! 🙁
Muito bom, usei no meu blog e ficou top! 😀
como faz pra colocar a legenda na imagem?
Amei demais o tutorial, coloquei no meu! Super obrigada <3
http://www.rumorandhorror.blogspot.com.br
Ajudou muito! Obrigado.
Eu alterei um pouco seu código, mas muito obrigado <3 Manterei seus créditos
Hey!
Eu segui todos os passinhos e apesar de a legenda ter alterado a mesma não fica sobre a imagem. Há alguma forma de a fazer mudar de posição? (No caso, gostaria de a colocar um pouco mais para a cima e puxar para a esquerda)
Blog || Facebook || Instagram || Twitter
kill them with kidness,
Woah Arabella
O mais engraçado é que dá certo no blog de testes e no real não funciona! Não sei o que pode estar acontecendo.
Beijos
Canal
Recomendo
Fan page
Populares
Mood
butlariz
🌺 Escrevo códigos e textos
💻 Tecnologia, carreira, cotidiano
⚠️ GUIA DE ESTUDOS PROGRAMAÇÃO:
👇🏽 Aula 1 disponível