Como colocar borda e opacidade nas imagens

Hoje eu vou ensinar a vocês como deixar a foto com borda e opacidade,
eu acho feio deixar a foto normal sem borda ou algum efeito,pois chama a atenção dos leitores e isso ajuda no aumento de vizualizações no blog não só as fotos como o design do layout e do blog também.
Vá em HTML,aperte no teclado CTRL+F ou aperte no F3 e procure :]]></b:skin> 
E cole o seguinte código acima do código anterior :background-color:#e7b3c2; /*Cor de fundo quando passa o mouse em cima*/
border: 2px solid #f2ada5; /* Cor e estilo da borda quando passa o mouse em cima*/
} Salve as alterações.
Para o código funcionar, você tem que por a tag class="border" no código da imagem, assim:
<img src="linkdaimagem" class="border"/>  quando passa o mouse em cima.
Créditos : Cherry Bomb.