Colocando efeitos especiais nas imagens dos posts do blog - * Blog Elaine Gaspareto *

Colocando efeitos especiais nas imagens dos posts do blog

Publicado em 21/08/2018

Tempo de leitura:

Tempos atrás eu mostrei aqui no blog como adicionar efeitos nas imagens dos posts. São efeitos bem legais, e que você pode aproveitar bem.
Também ensinei uma outra opção, a de colocar um efeito de zoom na imagem específica e incluir um subtexto e um link; esse efeito é, além de lindo, bem útil. Veja aqui como colocar efeito zoom na imagem do post.

Hoje quero te mostrar 4 opções simples, que voce pode inserir em seu blog para deixar as imagens dos posts mais interessantes.
São códigos leves, que usam apenas CSS para funcionar.
Veja os exemplos (passe o mouse a imagem para ver o efeito):
Efeito Ampliar
Efeito Opacidade
Efeito Darkness
Efeito Reflexão


Quer ver como é simples inserir um deles em seu teplate?
Comece copiando o código do efeito escolhido:


Escolher e copiar o código


A seguir vá até o painel de seu blog e clique na aba Tema.
Clique então em Editar HTML e dentro da caixa do código tecle Ctrl+F.
Na barra de busca que expandir digite ]]></b:skin> e tecle Enter para localizar.
Acima de ]]></b:skin> cole o código do efeito escolhido e salve.
Sim, só isso.
O efeito escolhido será aplicado automaticamente a todas as imagens, de todos posts de seu blog.

Ah, mas tem uma dica extra!
Caso você não queira aplicar o mesmo efeito automaticamente em todas as imagens de todos os posts pode colocar o efeito que desejar em posts que você escolher.
Faça assim: escreva seu post normalmente, coloque imagens que desejar, tudo como está acostumado/acostumada.
Depois do post pronto copie o código do efeito que desejar adicionar a este post específico e volte ao editor de postagens onde está escrevendo seu post.
Clique, no alto do editor, em HTML.
Isso vai colocar seu post em modo HTML.
Ao final de tudo que estiver escrito cole o código copiado.

Agora preste atenção!
Antes do começo do código escolhido escreva <style> e ao final do código escolhido escreva </style>
Clique então em Escrever, no alto do editor de postagens e publique seu post normalmente.
Tá feita a mágica.
Legal, né?

Faça um teste em seu blog, veja se gosta, experimente os efeitos, divirta-se!
Blogar tem que ser divertido, né?





3 comentários via Blogger
comentários via Facebook

3 comentários:

  1. Lindosssss efeitos
    (Só o reflexão que no meu computador, não deu nada!) :)

    ResponderExcluir
  2. Olá Elaine, legal!
    Gosto muito das suas dicas.
    Sucesso e boa semana

    ResponderExcluir
  3. Olá Elaine
    Gostei da mágica,deu certo.Vou colocar o efeito na postagem,assim posso experimentar todos.
    Valeu.Beijos!

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…