Hoje vou ensinar como por uma imagem ou cor diferente no fundo do tírtulo dos posts do blogger. Fica um efeito lindo. Um blog que tem isso como exemplo é o Cherry bomb!Olhe como fica lindo:
O código é simples, mas complica quando você vai ajeitar as margens...
ATENÇÃO: Este tutorial foi testado no modelo Viagem (Travel) do blogger, então o código correspondente ao título dos posts pode ser diferente em outros modelos.
TUTORIAL...
1.No seu blog, vá em Design> Editar HTML.
2.Dê CTRL+ F e procure por:
h3.post-title {
3. Cole ABAIXO do HTML acima esse código:
background:transparent url(LINK DA IMAGEM AQUI) no-repeat bottom;
align: center;
margin:.25em 0 0;
padding: 40px 5px 5px 50px;
4.Em "LINK DA IMAGEM AQUI" você coloca o link da imagem que você quer como background.
5. As medidas do "padding" deste código se ajustam á uma imagem de 500x60 pixels. Se a imagem que você for usar tiver um tamanho diferente, você terá que alterar os valores do padding. Lembrando que as medidas do padding seguem esta ordem:
padding: 1px (topo), 1px (direita), 1px (abaixo), 1px (esquerda);
Se quiser só uma cor e não um background é só botar esse código abaixo em vez do 1° que eu mostrei:
background-color: #codigodacor;
AQUI te uma tabela de cores.
bye, bye...
0 comentários:
Postar um comentário