Um efeito legal de usar e deixar as imagens meio transparentes quando colocamos o mouse sobre elas, e o codigo para fazer isso pode ser usado em cada imagem separadamente ou em todas as imagens das postagens ou das colunas de menu do blog e ainda no blog inteiro se preferir.O codigo pra deixar a imagem transparente voce deve colocar na pagina editar html, depois de body{...}, mas cuidado para nao colocar dentro das chaves do body porque tudo que estiver entre elas modifica a pagina inteira, veja na imagem:no exemplo modificamos todas as imagens das postagens, caso esteja ruim de ver o codigo na imagem ele esta aqui:.post img{opacity:1;-moz-opacity: 1;filter: alpha(opacity=100);}.post a:hover img{opacity:0.65;-moz-opacity: 0.65;filter: alpha(opacity=65);}Da mesma maneira que fizemos isso com as postagens poderiamos fazer com a coluna lateral de menu, apenas trocando a palavra post por sidebar ou o nome que tiver a coluna do seu blog. Porem se quiser colocar esse efeito em apenas algumas imagens por exemplo nos banners que mostra no seu blog, faca da seguinte forma em vez da palavra post coloque no codigo banner, isso e apenas um exemplo poderia ser quaisquer outras palavras desde que voce nao tenha usado a mesma para nenhum outro estilo CSS. Isso tambem na pagina editar html. Entao o codigo ficara assim:.banner img{opacity:1;-moz-opacity: 1;filter: alpha(opacity=100);}.banner a:hover img{opacity:0.65;-moz-opacity: 0.65;filter: alpha(opacity=65);}Depois entre na pagina layout, clique em adicionar gadget, html/javascript e coloque o codigo das imagens (neste caso os banners), porem o codigo das imagens tem que estar entre divs (podem ser quantas imagens quiser), deste modo:<div class="banner">Codigo das Imagens</div>Isso fara que apenas as imagens que estiverem neste trecho fiquem semitransparentes quando colocar o mouse sobre elas. Seguindo a ideia de um comentario feito nesta postagem coloquei esse codigo no blog Meu Jornal, voces podem ver que ao passar o mouse sobre as imagens das postagens elas ficam semitransparentes. Outra opcao e deixar o fundo das postagens e menus semi transparentes isso da um efeito muito legal, mas cuidado para nao ficar ruim para ler os textos. O Coin Slider e um slideshow de fotos feito a base de jQuery que se destaca de todos os outros slides por possuir efeitos que sao utilizados para fazer as transicoes de imagem para imagem, tornando-as mais dinamicas.Com este slide e estas animacoes voce, presado leitor do Rascunhos Blogger, pode fazer uma boa apresentacao dos seus artigos, utilizando imagens com hiperligacoes para os seus artigos.Para alem de ter variadas animacoes, este slide pode ter hiperligacoes, descricoes das imagens e possui um sistema de navegacao com os botoes Anterior e Seguinte e com outros botoes abaixo.Para adicionar o script deste slide ao seu blog, deve iniciar sessao no Blogger, depois dirija-se a aba Design (1) e ao separador Editar HTML (2).Depois, procure pela tag abaixo:</head>Acima dela, cole o codigo a seguir:<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/> <script src='http://rascunhosblogger.webs.com/Scripts/coin-slider.min.js' type='text/javascript'/> <script>$(document).ready(function() { $(&#39;#CoinSlider&#39;).coinslider({ delay: 3000, hoverPause: false, navigation: true, width: 565, height: 290, }); }); </script>Abaixo ficam algumas informacoes para que possa personalizar o seu slide:delay: 3000 - tempo em milesimos de segundo em que uma imagem sera exibida.hoverPause: