Colocando uma imagem no fundo dos títulos dos posts


Mais um tutoriais simples que pode ser aplicado ao seu blog para dá um "tcham" a mais.
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.
quando a caixa abrir dê um click dentro e depois CTRL+F
Agora na caixa de pesquisa procure por:


h3.post-title {

Cole logo abaixo desse trecho o seguinte código: 

background:transparent url(LINK DA IMAGEM AQUI) no-repeat bottom; 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);

Postar um comentário

0 Comentários