Imagem da capa

Imagem da capa

Como Personalizando a Legenda Padrão no Blogger

Em muitos dos temas disponibilizados a opção legenda - padrão do blogger - nas imagem não é muito atrativa, mas vou mostrá-lhes uma forma de personalizá-lo, e assim, deixando tal opção mais agradável a visualização de seu blog.
Veja a opção abaixo:


Para começar a personalização, vá no painel do blogger > Tema > Editar HTML > Dentro da caixa de HTML aperte CTRL + F > Pesquise por:

]]></b:skin>

Acima dessas propriedade cole o código abaixo:

td.tr-caption {
font-size:12.5px !important; 
background-color: #ff6b6b; /* COR DO FUNDO DA LEGENDA */
display: inline;
color: #ffffff; /* COR DA FONTE DA LEGENDA */
font-family: Arial, sans-serif !important; 
font-style: italic;
padding: 10px;
margin-top: -75px;
float: left; 
position: relative;
margin-left: 0px;
margin-bottom: -20px; 
line-height: 120%;
text-transform:none;
letter-spacing: .025em;
opacity:0.8;
}
tr-caption a:link, td.tr-caption a:visited {
color:#fff; /* COR DA FONTE SE A LEGENDA TIVER LINK */
}

O CSS já vem indicando onde você deve alterar as cores.
Para adicionar a legenda na imagem, caso você não saiba, é só clicar na imagem dentro da caixa de publicação e escolher a seguinte opção:

1 Comentários

Ativador Formulário de Contato