Efeito Bordas nas Imagens da Postagem do Blog

Olá leitores, hoje eu trouxe mais um efeito CSS, o efeito é bem simples, mas legal.
O efeito ocorre quando passamos o Cursor do mouse sobre a imagem, e em volta da imagem aparece um borda...

Como colocar no Blog
Primeiramente você vai no painel de edição do seu blog, depois em Modelo >> em Editar HTML >> e clique em Prosseguir.

E no HTML do seu Blog, você vai procurar por essa Tag:
]]></b:skin>
Ao localizar o Tag, acrescente logo acima esse pequeno código CSS:

.post-body img:hover {
border:2px solid #000;
}

Agora clique em Visualizar, pra vê se não aparece nem uma mensagem de erros, e em seguida clique em Salvar Modelo.
Pronto pessoal, o efeito já foi aplicado no seu blog.
Obeserve: O efeito ele aparecerá quando massamos o cursor do Mause sobre a Imagem do blog.
Vamos entender o Código

• Se você quiser mudar a cor do efeito (da borda), substitua a parte que eu destaquei em vermelho "#000", pela a cor que queira colocar. clique Aqui e escolher uma cor>>
• E para alterar a Espessura da Borda, você vai alterar o valor que está destacada em Azul "2px".