Deixando o blog mais bonito: Efeito sépia nas imagens do blogger

anigif

Olá meninas, como estão?

O post de hoje é pra você que tem blog e gostaria de deixa-lo com uma cara nova, eu sei como é bom personalizar o blog sempre que possível  afinal uma boa impressão é sempre bom. Sendo assim, que tal usar um efeito legal nas imagens do blogger?

O tutorial de hoje ai ensinar vocês a mudar a cor das imagens, o efeito sépia acontece quando passamos o mouse por sima das imagens. Maneiro né?

Então, é muito simples. Abra o HTML do seu blogger e marque a opção “expandir” e cole o seguinte código acima de ]]></b:skin>.

Para encontrar o código acima mais fácil de Ctrl + F e digite o código na aba lateral, que irá abrir logo abaixo da aba de favoritos.

CÓDIGO:

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;}
Antes de salvar, clique em “visualizar” e veja se esta tudo OK com o template do seu blog. Esta tudo certo? Sendo assim é só você salvar e pronto. Lembrando que essa dica serve apenas para blogs do BLOGGER.
Gosto do post? Então curta a nossa FAN PAGE e fique informada sobre os próximos posts.
Possui uma conta WordPress? Segue nossa página!
OBS: O gif infelizmente nao funcionou :S
Xoxo Loow
Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s