Linha Pontilhada em baixo do Título do Post

Que gracinha >.<

 Oiee minhas fofinhas..

Hoje vou ensinar a colocar a linha pontilhada em baixo do título do post, igual aqui

do blog!! É muito fácil e super rápido..

 Primeiro, vai em design no painel, e depois em editar html e procure por:

h3.post-title {

Então vai aparecer isso:

h3.post-title {margin-top: 20px;}
h3.post-title a {font: $(post.title.font);color: $(post.title.text.color);}
h3.post-title a:hover {text-decoration: underline;} 

Apague toda aquela parte.
E no lugar coloque esse código:

#main .post h3 a, .post h3 a:visited, .post h3 strong {display:block;font-family: Hansa; /* troque pelo nome da fonte que você vai usar */font-size:20px; /* tamanho da fonte, edite se quiser */text-decoration:none; /* quer algum enfeite na fonte? troque none por underline para sublinhado, italic para itálica e bold para negrito */color:#FF82AB; /* cor do titulo do post */font-weight:none;text-align: left;border-bottom: 1px dotted #BEBEBE;} /* cor da linha pontilhada */#main .post h3 strong, #main .post h3 a:hover {color:#FF82AB; /* cor do titulo do post, quando passar o mouse */text-decoration:none; /* quer algum enfeite na fonte quando passar o mouse? troque none por underline para sublinhado, italic para itálica e bold para negrito */

Créditos: Chovendo em Paris