Eae visitantes daqui, nesse tutorial eu vou ensinar a vcs como colocar o efeito

opacidade, borda e sombra nas imagens, clique aqui e veja uma amostra

1º Abrá seu painel do blog e vá em Design e depois Editar Html

2º Aperte CTRL + F e pesquise por ]]></b:skin>

3º Logo acima dessa tag cole o codigo abaixo:

img {
border: 1px double #ccc; (espessura e cor da borda)
background: #efefef; (plano de fundo da caixa)
-webkit-transition: all 0.8s linear !important;
transition: all 0.3s ease !important;
-webkit-transition: all 0.8s ease !important;-o-transition: all 0.8s ease !important;-moz-transition: all 0.8s ease !important;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-goog-ms-border-radius:6px;
opacity:0.6
}
img:hover{
opacity:1;
-moz-box-shadow: 0 0 35px rgba(47, 94, 146, .5);
-webkit-box-shadow: 0 0 35px rgba(47, 94, 146, .5);
box-shadow: 0 0 35px rgba(47, 94, 146, .5);
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-goog-ms-border-radius:6px;
}

4º Visualize e se estiver certo salve