Image Map

Fundo Nos Títulos Dos Posts


Hooy hoje vou mostrar para vocês 
como colocar fundo no titulo do post.
Créditos:Cherry Bomb

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;

Fácil não?
Beijooos S2


10 comentários:

  1. Amei o tuto, mas já tinha feito esse tuto no blog
    Tem selinho no meu blog para ti,
    beijos,
    http://s2imperfectkawaii.blogspot.com/

    ResponderExcluir
    Respostas
    1. Não estou conseguindo entrar no seu blog :/

      Excluir
  2. Hey linda, sou do blog Attitude Pink e você deixou um comentario dizendo que queria ser afiliada. Pois bem, eu aceito. Já vou te colocar na elite ok ?

    theattitudepink.blogspot.com

    ResponderExcluir
  3. Hoy Linda,amei seu blog,aceita parceria ou afiliação??bjuh

    YES!Teen
    www.yesteens2.blogspot.com

    ResponderExcluir
    Respostas
    1. Aceitoo sim vamos fazer uma afiliação? Vou comentar beijoos

      Excluir
  4. Muito bom o tutorial!
    flor amei seu espaço , já sou seguidora.
    Se puder faz uma visitinha no meu tbm !?
    http://bugigangazdanet.blogspot.com/

    ResponderExcluir
  5. Hooy liinda, amei o post! Bom poderia seguir meu blog? retribuo! se der, participa desse concurso?

    http://the-lovers-world.blogspot.com/2012/01/concurso-eu-quero-um-layout.html

    Bligado viu?

    ResponderExcluir

Vai comentar? Que bom! Só não esqueça das regrinhas:

* Não xingue.
* Não ofenda ninguém.
* Deixe o link do seu blog e/ou site (se tiver).
* Tenha educação!