Fundo nos títulos dos posts

Atendendo a muitos pedidos, hoje vou ensinar como por uma imagem ou cor diferente no fundo do tírtulo dos posts do blogger.
O código é simples, o que complica é só ajustar as margens (como na hora de por fundo na c-box). Só lembrando que esse tutorial foi feito no modelo Viagem (Travel) do blogger, então o código correspondente ao título dos posts pode ser diferente em outros modelos.





Abra o blogger, vá em design > Editar HTML.

Procure por:

h3.post-title {

Cole logo abaixo desse trecho o seguinte código:

background:transparent url(LINK DA IMAGEM AQUI) no-repeat bottom;
align: center;
margin:.25em 0 0;
padding: 40px 5px 5px 50px;

Coloque o link da imagem onde se pede.
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);

Visualize se ficou bom e depois salve ou cancele.


Se quiser colocar apenas uma cor de fundo, basta colocar esse código abaixo de h3.post-title { :

background-color: #codigodacor;

Espero ter ajudado vocês! Kissus