Como adicionar imagem efeito opacidade de imagens no blogger

Agora você pode adicionar  efeito opacidade nas imagens do blogger de forma muito fácil. Adição de efeitos de opacidade em seu blog imagens certamente torna mais atrativo. Primeiro vamos aprender como adicionar o efeito de opacidade às nossas imagens.

Etapa 1:
Obs: Sempre faça um backup do seu template antes de autera-lo.
Entrar para Blogger
Ir para o Design e selecione guia Editar HTML
Então Pesquisar

</head>

Passo 2:

Adicionar este código antes

<style type='text/css'>
a.opacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.opacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

Passo 3:

  Antes de:

</body>

 Coloque este código:

<script type='text/javascript'>
gradualFader.init() //activate gradual fader
</script>

Salve o Template

Agora, quando você deseja adicionar o efeito de opacidade de suas imagens em qualquer parte do seu blog , você tem que modificar o código de ligação como este.

Código Normal:

href="http://www.bloggertheme.net/"&gt; &lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ7PyWTUNDd_18cIH4GLwPhHBB1rDp-WiWjtY8ZgFlR9GgKWsQkmpn2KJc66z5tnpcC_x8q3nTRDrhPHif_1bNmnZFnkoIKqviXuWpyjR4rp0Rn0x5lhlzvq-Kb6qWmDeq0H9o7dAZX-g/s1600/twitter.jpg" /&gt; &lt;/ a&gt;

Se você deseja adicionar o efeito de opacidade de suas imagens, tudo que você tem que adicionar uma class = "opacidade" no seu código da imagem logo após a partida &lt;a&gt; tag como esta.

&lt;A href = "opacidade" href = "http://www.bloggertheme.net/"&gt; &lt;img src = https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ7PyWTUNDd_18cIH4GLwPhHBB1rDp-WiWjtY8ZgFlR9GgKWsQkmpn2KJc66z5tnpcC_x8q3nTRDrhPHif_1bNmnZFnkoIKqviXuWpyjR4rp0Rn0x5lhlzvq-Kb6qWmDeq0H9o7dAZX-g/s1600/twitter " . jpg "/&gt; &lt;/ a&gt;

Fonte: