24 novembro 2012

Tutorial: Fundo nos títulos dos posts


tumblr_lmmn09y6sm1qjecneo1_500_large
Eu amo, e vários amam ver aquela título que dá bastante destaque: deixa o leitor até bem concentrado no título da postagem, e acaba a lendo. E que tal chamar a atenção do titulo com uma imagem ou com uma cor atrás dele ? è o que vou ensinar nesta postagem






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;

15 comentários:

  1. Muito legal, amo esse blog !

    Eu gostaria muito de ser postadora :)

    ResponderExcluir
    Respostas
    1. Owwn't, fico feliz sua linda :)
      Quando precisar de vagas, será a primeira a ser chamada C:

      //~Goodbye, Sáah~//

      Excluir
  2. Eu gostei muito do tutorial pode da uma passadinha no ACR?A Gabi mim disse que o blog tava lindo ai vim visitar essa maravilha onde você mora?

    ResponderExcluir
    Respostas
    1. Passei lá, está liindo :3
      Obriigaaada !! Em São Paulo C:

      //~Goodbye, Sáah~//

      Excluir
    2. Respondendo por ela:A Amamos(Larissa),também mora em São Paulo :-)


      Beijo Beijinho Beijããããããããããããããããããããããããããããããããoooooooo !

      Excluir
  3. olá!Já estou seguindo o blog!
    Segue o meu?
    barbiemagazines.blogspot.com
    E...gostei del tutorial!!!
    VLW pela atenchion!

    ResponderExcluir
    Respostas
    1. Obriigada, sigo siim.
      UHASUHA, de nada.

      //~Goodbye, Sáah~//

      Excluir
  4. Adorei o post, mas eu ñ levo jeito pra montar blog, reforma essas coisas sabe por isso eu
    ganho concursos para a atualizar o blog, mas mesmo assim gostei, vc pode divulgar meu blog é que eu passei muito tempo sem postar e entrar no meu blog vai fazer 3 messes sem nenhum post novo, pode fazer este favor mas se ñ for possível tudo bem já foi muito só de vc ter lido meu comentário obg pela sua colaboração.

    ResponderExcluir
    Respostas
    1. OOk,divuulgo siim C:
      E fico feliz por ter gostado do post C:

      //~Goodbye, Sáah~//

      Excluir
  5. amei a foto com estilo kawaii beijocas amore!
    docecerejinha.blogspot.com.br(visite)

    ResponderExcluir
    Respostas
    1. KKKK, é linda a foto mesmo :3

      //~Goodbye, Sáah~//

      Excluir
  6. saah posso pedir um tuto para vc ? se sim eu iria pedir como deixar a barra lateral do blog que nem a sua desse desing por favor eu to tentando descobrir como mais ñ acho em lugar nenhum bjbj

    ResponderExcluir
    Respostas
    1. Sim, eu já fiz C:
      Procura na page de tutus, eu já o postei :))))))))


      Beijoos ♥

      Excluir
  7. Gostei Sáah,talvez eu faça um face só para agente conversar okay? No meu eu não posso AAAAAAAAFFFFFFFFFFF

    Beijoooooooooos

    ResponderExcluir
    Respostas
    1. KKKKKKKKKKKKK! O meu tbm não. Ai eu fiz outro que é o da Barra lateral!

      //~Goodbye, Sáah~//

      Excluir

.Não gostou do blog? Cada um tem o direito de gostar ou não gostar, claro, mas expresse isso de modo civilizado, sem palavrão e ofensas.
.Não tenho nada contra o famoso ''seguindo, segue de volta?'' desde que você comente pelo menos algo sobre o post.
.Eu sempre comento de volta, e se gostar do blog, sigo.
.Viu alguma coisa sua aqui? Me contate e discutiremos o assunto.
Obrigada pelo comentário!