Tutorial: Imagens do blog em hover

Bom dia (quase tarde) tudo bom com vocês ??

Vou ensinar um tutorial muito interessante, que eu tinha duvida de como colocar as imagens do blog dessa forma, mas graças ao blog viciadas em cupcake, eu aprendi, e achei super interessante, então resolvi postar aqui no CD. clique em Leia mais e veja o tutorial.

Vá em Design → Editar HTML marque a caixinha "Expandir modelo de windget"

Tecle CTRL+F ou F3 e procure por:

]]></b:skin>

Antes desse codigo, cole esse outro:

.post img{ filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;- border-radius: 40px 40px 40px 40px;-moz-border-radius: 40px 40px 40px 40px;-webkit-border-radius: 40px 40px 40px 40px;-transition-duration: 1.90s;-webkit-transition-duration: 1.90s;-moz-transition-duration: 1.90s; }  .post a:hover img{ filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px  0px 0px;-webkit-border-radius: 0px 0px 0px 0px;-transition-duration: 1.90s;-webkit-transition-duration: 1.90s;-moz-transition-duration: 1.90s; } 

Agora visualize e veja se está tudo certinho, então Salve.

Thanks to Viciadas em CupCake.