Efeito sépia nas imagens do seu blog

Olá Galera! Hoje irei ensinar a vocês, um efeito muito legal que é aplicado justamente nas imagens do seu blog, o efeito classicamente chamado de sépia, quer um exemplo/demonstração do efeito? Se sim, confira no blog de testes:

http://tecnoblogoficina.blogspot.com.br/2013/01/blog-post.html

Agora vamos aprender a inserir o efeito ao seu blog.

Simples! Siga os seguintes passos:

1. Faça login no Blogger

2. Em seguida no menu suspenso, clique em Modelo.

3. Em seguida clique no botão em Editar HTML

4. E procure pela seguinte tag:

]]></b:skin>

5. Acima da tag citada, adicione o seguinte código CSS:

img {-webkit-filter: sepia(0%);transition:All 0.4s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;}img:hover {-webkit-filter: sepia(100%);transition:All 1s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;}

Pronto, só clicar em salvar, espero que tenham gostado do tutorial, qualquer dúvida não deixe de comentar, Abraços, e até a próxima amigos.