Colocando borda nas imagens

E ai galera , mais uma vez por aqui ! Nescauh penguinando !

Hoje eu estava conferindo alguns códigos e achei um bem legal. O código faz com que apareça borda nas imagens automaticamente, ou seja você posta a imagem normalmente, e já aparece uma borda nela, bem interessante não ?
Bom vamos lá !

Para começar vá em Modelo>Editar HTML, de CTRL+F e procure por .post blockquote { ,quando achar  cole ACIMA dele o seguinte código, modificando o que se pede:

.post img {

border: 3px solid #114a33;  /* Borda = Altere o número para obter a cor que quiser */

text-align: center;

background-color: #26AC77; /* Fundo. Altere os números ou as letras que vem depois do asterisco para outras cores */

padding: 4px 4px 4px 4px;

margin: 0px 0px 0px 5px;

moz-box-shadow: 1px 1px 10px #00f;

-moz-border-shadow: 30pc;

-khtml-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px;

-webkit-box-shadow: 5px 5px 0px 0px #cccccc;

-moz-box-shadow: 5px 5px 0px 0px #cccccc;

box-shadow: 5px 5px 0px 0px #cccccc; }

Altere apenas o que está em Vermelho.

Quando terminar,visualize e salve se estiver tudo certo.
Qualquer dúvida posta nos comentários !