Borda nas imagens das postagens

Hoje vou ensinar pra vocês um tutorial, super legal e fácil! É de como colocar borda nas imagens dos posts. O efeito fica como o das imagens dos nossos posts. Clique em Leia o Resto da Postagem para conferir o tutorial completo.
1- Vá até Design, Editar HTML, aperte CTRL+F (ou F3) e procure por:  ]]></b:skin>

E logo acima, cole:

.post img{-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px; border: 1px solid #ccc;padding: 5px;}

Faça as alterações desejadas 

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px; - Você pode alterar para outro estilo de borda entrando neste site, ou retira-lo para sua borda ficar quadrada.
1px - Altere o valor de "1" para aumentar a largura da sua borda.
solid - Altere para Dashed (tracejado) ou Dotted (tracejado com bolinhas).
#ccc - Cor da sua borda. Você pode encontrar vários códigos de cores aqui.
Bem fácil não é? Espero que tenham gostado do post. Beeijos