O efeito Light Box e mais simples do que parece de ser colocado no blog, esse efeito faz que ao clicar numa imagem ela apareca sobre o pagina inteira do blog e cobrindo o restante da tela com um tom de cor mais escura. Vamos mostrar numa imagem para ficar mais facil de entender.Veja aqui o efeito lightbox funcionando em uma pagina de amostra. Esse codigo e um pouco longo, mas e simples de colocar no blog e modificar no seu blog, entre na pagina layout, adicionar gadget, html/javascript e insira o codigo abaixo:imagem em destaque" rel="lightbox" title="minha legenda">imagem ou textoAs unicas coisas que precisa alterar aqui sao os enderecos das imagens ou texto e as legendas nesta linha.imagem ou textoTenha cuidado para usar o endereco certo das imagens, senao o codigo nao funcionara, vamos mostrar como alterar esse codigo para colocar suas imagem com o efeito LightBox, veja as partes do codigo:Imagem em destaque essa e a imagem que aparecera na janela Light Box quando alguem clicar no linkMinha legenda este texto aparece embaixo da imagem em destaque dentro da janela Light Box.Imagem ou texto, aqui e como aparecera no blog o link para ver a tal imagem em destaque, voce pode escrever, por exemplo, Gato Bebado como fizemos em nosso exemplo ou colocar qualquer outro texto.Tambem e possivel usar uma miniatura da imagem que sera exibida como se fosse uma galeria de fotos, entao use esse codigo no lugar do texto. Porem sugerimos nao usar a mesma imagem que usara como destaque isso porque vai demorar muito para carregar, o correto e salvar e hospedar duas imagens com tamanhos diferentes, uma em tamanho natural para colocar em destaque (aparecer somente quando clicar) e outra em tamanho reduzido para servir como link para outra imagem grande.Para mostrar varias imagens neste sistema so precisa repetir essa ultima linha do codigo quantas vezes forem necessarias, por exemplo:imagem ou textoimagem ou textoimagem ou texto.....A parte inicial do codigo que nao esta aqui e porque nao e necessario repeti-la, ela funcionara para todos eles nao importa quantos sejam.Para fazer o resto da tela ficar com uma cor mais escura usamos uma imagem semitransparente que esta ao lado, mas se muitas pessoas usarem a mesma ela pode ser excluida por estar em uma hospedagem gratis, entao sugerimos salvar e hospedar essa imagem e depois colocar o endereco dela neste trecho do codigo:#overlay{background-image: url(http://img534.imageshack.us/img534/6039/overlayo.png)Claro que se desejar pode usar qualquer outra imagem para cobrir o restante da tela, isso e uma questao de gosto pessoal.Creditos : Dicas para blogs Postagem retirada com autorizacao se voce nao tem nao,copie. Descricao: Neste tutorial veremos como estilizar uma imagem usando splashes, adjustment layers e diversas ferramentas. 01. Pressione Ctrl+O e abra todas as imagens necessarias para a montagem, no caso deste tutorial as imagens abaixo, elas estao linkadas para o site que disponibiliza porem sao imagens pagas, caso queira voce pode utilizar outras imagens para acompanhar o tutorial.Click no titulo do tutorial para velo completo! Faca banners para seu site ou blog sem precisar usar programas para criar ou editar