Efeito "Vintage" nas imagens do Blog

"Eu estava aquecido na esperança dos seus olhos" - Olly Murs

Olá pra você que passa por aqui õ/ Como anda o feriado de carnaval de vocês? Eu não estou fazendo nada e eu amo isso -q Estava mesmo precisando de um descanso :)

Bom, me pediram na Ask o tutorial para personalizar as imagens das postagens como usei no Layout anterior a esse, o Vintage, (que foi tão bem recebido por vocês) e então, cá estou eu para ensinar. Antes do tutorial, vale lembrar que ele é todo meu, por isso, se usar, dê os créditos pela misericórdia! Vejam como fica o efeito clicando nas imagens abaixo:

             

Gostaram? Então vamos aprender juntos como fazer :)

Bom, No Painel do seu Blog, clique no nome do Blog  - Modelo - Editar HTML e pesquise por ]]></b:skin> E assim que achar, colo o código abaixo antes disso:

.post img{
position: center;
padding:2px;
border:2px solid #ffffff;
box-shadow: 0px 0px 5px #ccc;
-webkit-transition-duration: 1.50s;
}
.post img:hover{
-webkit-transition-duration: 1.50s
filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;
-webkit-filter: grayscale(74%);
}

Pronto! Todas as imagens da sua postagem terão esse efeito vintage! Eu pelo menos acho super legal, dependendo da temática do Layout. No meu encaixava legal! Além de ser um tutorial fácil e super útil.

Mas e ai, o que acharam? Deixem suas opiniões por comentário e se quiser alguma postagem, peçam na minha Ask AQUI. Um beijo em todos :*