linha pontilhada embaixo do titulo do post

Hellooo~♥~--- como vão gente?

Hoje irei ensinar um super cute tutorial para vocês, prontos?

 -------------------------------------------------------------------------------------------------------------------------------------------------

muitos blogs tem uma linha pontilhada no titulo do gadget, hoje vou ensinar como fazê-la,e para fazer ela você precisa ir em design no painel, e depois em editar html e procurar por:

h3.post-title {

vai aparecer mais ou menos 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 todo esse código acima 

Aviso ♥  Isso poderá comprometer seu layout, na hora de mudar a fonte utilizada

cole isso no lugar do código apagado:

#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 */

日本のオタク親愛なるさようなら！