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 comentários:

  1. Bem legal.
    http://femininabyamanda.blogspot.com.br/

    ResponderExcluir
  2. Lindaa ameeei a dica, Vou implementar já lá no blog.

    Já estou seguindo aqui. Sucesso
    Beeeijos
    www.amorascomclasse.com

    ResponderExcluir
  3. Lindaa ameeei a dica, Vou implementar já lá no blog.

    Já estou seguindo aqui. Sucesso
    Beeeijos
    www.amorascomclasse.com

    ResponderExcluir
    Respostas
    1. Olá Tamires !!
      Fico feliz que você tenha gostado lindoona :3
      vou lá ver como ficou no seu blog haha
      Sucesso no seu blog :D

      Excluir

Related Posts Plugin for WordPress, Blogger...