Como colocar linha pontilhada abaixo do título do post

Algumas pessoas vem me pedir ajuda com blog e tal. Bom, eu não sou a mais sábia no assunto mas vou fazer uns posts aqui no blog neste sentido, mostrando como eu manipulo meu layout.
Como vocês sabem, o lay deste blog foi feito pela Karol mas o meu outro blog é feito por mim com base num template free do Difluir.
Então vou ensinar vocês como fazer isso que fiz no outro blog, é bem fácil. ^^

Vá em "Modelo", depois em "editar HTML" e apertando F3 procure por um trecho mais ou menos assim:

h3.post-title {  margin-top: 20px;


E depois adicione o seguinte trecho:

 border-bottom: 3px dotted #ccc;

E pronto! Você pode mexer neste código e mudar a cor e tamanho dos pontilhados. \o/

É isso pessoal, muito obrigada , não se esqueçam de curtir a página do blog pra ficar por dentro das novidades e também me acompanhar nas outras redes:
♥ Twitter - Página no face - Página pessoal - Ask

Instagram: /francarneiro

Fiquem a vontade!

beijokas

Comentários

  1. Hum não apareceu o código no meu blog Fran! Vou tentar dinovo! Aii amei seu blog novo!Lindo demais...

    ResponderExcluir
    Respostas
    1. vou postar um ouitro código pra quem não conseguiu. ^^

      Excluir
  2. Muito legal, espero mais desses por aqui <3

    Beijinhos,
    Lia ¨
    www.limaoealecrim.blogspot.com

    ResponderExcluir
  3. Adorei esse tutorial, acho que fica tão lindinho a linha pontilhada em baixo do título do post. Beijão <3

    @keithpappen
    www.detalhesamor.blogspot.com

    ResponderExcluir
  4. Quanto tempo não aparecia aqui, que lindo esta seu layout...
    As dicas ótimas como sempre, adoreeeei :)

    ResponderExcluir

Postar um comentário