Empreendedores Blogger

  O efeito de transparência (e outras formas e ações que acontecem ao passar o mouse sobre a imagem ou outro atributo html)  é chamado Efeito Hover.




 Então vamos á aplicação do código principal, eu recomendo que esse processo seja feito por quem tem experiência com HTML, pois não queremos que nada dê errado no seu blog não é?
 Vá em Modelo >> Editar HTML >> Proseguir;
Procure então pelo trecho: </head> cole o código a seguir ACIMA dele.



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

 Para que a imagem disponha do efeito, use o seguinte código para colocar imagens no blog:

 <a class="linkopacity" href=
"http://empreendedoresblogger.blogspot.com/#!" 
imageanchor="1" style="clear: left; float: left; margin-bottom: 1em;
 margin-right: 
1em;"><img border="0" height="100" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmiz1hHNZzSN8-7O_VqoUMdEa-nQ_YAdT-jFvurJ9dkO182awReuKL5arARlAsChhvqheZHOxEMQ1uxs2p4XJdlwS36aQSuqX_LQWdn8E9Ixlr6sdq1qpvOUkhsQBTkDl60QY8_lvz7QE/s200/cover.png" 
width="100" /></a>