Fundo nos títulos dos posts

|
tumblr_lmmn09y6sm1qjecneo1_500_large

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.



tuto

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

1as12 Procure por:
h3.post-title {

1as12 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;

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

1as12 Visualize se ficou bom e depois salve ou cancele.

divisória
1as12 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
sing-liah
Related Posts Plugin for WordPress, Blogger...