Para Blogs : Como colocar efeito Opacity nas fotos do blog
.................................................................................................
Olá lindoonas !!
Tudo bom ?
Bom meninas hoje venho com mais um post para blogs, dessa vez ensinando a colocar o efeito opacity nas fotos do blog que nada mais é do que um efeito que ao passar o mouse pela foto ela fica com um efeito opaco, aqui no blog eu coloquei esse efeito, e para colocar esse efeito bem legal é preciso mexer no HTML do blog mas calma é bem fácil e rápido :D
Bom antes de começar queria lembrar que os códigos aqui colocados não foram eu que criei ,apenas pesquisei e testei para ver se o código não daria erro, colocarei o link do blog onde aprendi no final do post !!
Tutorial |
1º- Vá em Modelo => editar HTML clique com o mouse dentro da '' caixinha '' do HTML que aparece e aperte Ctrl+ F, na caixinha de busca que aparecera cole esse código : ]]></b:skin>
e aperte enter.
2º- Acima do código encontrado ( que estará destacado então é fácil ver rsrs... ) cole este outro código :
.main img {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
.main img:hover {
filter:alpha(opacity=82);
-moz-opacity:0.82;
opacity:0.82;
}
3º- Depois visualize se não der nenhum erro salve !!
Dicas |
# Antes de fazer qualquer alteração copie o código do seu template ( clique dentro da caixinha do HTML e aperte Ctrl + A para selecionar tudo de uma vez ) e cole no bloco de notas do seu computador por precaução ok ? caso aconteça algum erro e você já tenha salvo as alterações, é só substituir o código que está na caixinha pelo que você copiou no bloco de notas.
# Faça as alterações no HTML do seu blog com MUITA atenção !!
Blog em que aprendi : Capture Dream
É isso lindonas !! espero que tenham gostado do post, deixe seus comentários vou amar ler e responde-lo, e me contem se conseguiram colocar nos seus blogs, se inscreva por e-mail para receber as próximas postagem direto no seu e-mail.
# Siga o blog para ficar por dentro de tudo que acontece por aqui :D
# Compartilhe esse post nas redes sociais e com as amigas !!
Beijos e fiquem com Deus !!
4 comments
Bem legal.
ResponderExcluirhttp://femininabyamanda.blogspot.com.br/
Lindaa ameeei a dica, Vou implementar já lá no blog.
ResponderExcluirJá estou seguindo aqui. Sucesso
Beeeijos
www.amorascomclasse.com
Lindaa ameeei a dica, Vou implementar já lá no blog.
ResponderExcluirJá estou seguindo aqui. Sucesso
Beeeijos
www.amorascomclasse.com
Olá Tamires !!
ExcluirFico feliz que você tenha gostado lindoona :3
vou lá ver como ficou no seu blog haha
Sucesso no seu blog :D