Tutorial-Linha pontilhada abaixo do título do gadget

Oi muita gente tem vontade saber como coloca aquela linha pontilhada abaixo do título dos gadgets e hoje vou ensinar para vcs. Vamos lá:

Vá em Design - Editar  HTML e aperte ctrl +F (CAIXA DE BUSCA ) e prorcure por :

]]></b:skin>

e acima disso cole :

.sidebar h2 {
text-align: center;
background-color: #ffffff; ---/*cor de fundo */
width: 265px;
height: 15px;
font-size:12px; ---/* tamanho da fonte */
text-shadow:0 1px 1px #c9c9c9;
A, A:link: #000000;text-decoration:none;
border-bottom: 1px dashed #ff79c1;
border-top: 1px solid #ffffff; }

Aconselho a fazer apenas  alterações nestes itens:

#ffffff;- Cor do fundo do gadget 

12px - tamanho da fonte 

1px dashed  #ff79c1; -  1px :  Tamanho do pontilhado e cor do pontilhado