Efeito Inclinado Nas Imagens do Blogger

Nesta postagem venho mostrar aqui para vocês outro efeito bem chamativo e que também deixa o design do blogger muito melhor. Quando esse efeito é aplicado em seu blog, automaticamente todas as imagens do seu blogger terão o efeito até mesmo aquelas imagens da sua barra de Gadgets e isso é que torna o código melhor.

Para colocar o efeito no seu blogger é bem simples... Entre em "Modelo" - "Editar HTML", dê um Ctrl + F e procure pela tag

]]></b:skin>

Ao encontrar a tag, cole ACIMA dela o seguinte código

img{
opacity: 0.7;
-webkit-transition: 0.5s;
border:2px dashed #8B8989;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
-webkit-border-radius: 15px;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
}
img:hover{
opacity: 1.0;
border:2px dashed #8B8989;
-webkit-transform: rotate(7deg);
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-border-radius: 15px;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
}

Agora, basta salvar e pronto!!! O efeito já estará aplicado ao seu blog.