Ativar Lightbox no blogger, que dá efeito de zoom em imagens dos posts

Mostrarei como faz para ativar a nova opção de Lightbox em blogs e sites que usam o blogger para postar. Serve para dar um efeito de ampliar e sobrepor imagem na mesma página sem sair do blog.

O Lightbox é denominação para um tipo de visualização em zoom de imagens, em blogs e sites geralmente ele faz, ao clicar na imagem, a imagem aumentar sem sair da página e às vezes até permite ver outras imagens que estão na página, no caso do blogger, na postagem.

O fato é que sempre gostei desse tipo de opção, mas devido ao peso da maioria dos JavaScripts que fazem essa função eu nunca usei, isso porque acredito que apenas uns 10% ou menos dos usuários clicam na imagem, sendo assim eu nunca quis tornar a navegação da maioria um pouco mais lenta por causa de 1 em 10 visitantes, sempre optei por adicionar o target='_blank' para a imagem abrir em nova página, mas isso me dava mais trabalho.

Quem optar por não usar o Lightbox nos posts do blogger, corre o risco mandar os visitantes para fora do blog quando eles clicam nas imagens do post, isso porque quando você posta no blogger, automaticamente a imagem vira um link para a imagem original, se seu blog não tem o Lightbox o visitante sai dele ao clicar na imagem, nem sempre ele volta para o blog.

Usando um serviço online do site WebSiteOptimization, fiz um teste de velocidade do blog antes de habilitar e depois com o Lightbox ativado, a diferença foi de meio segundo com o Lightbox do blogger, isso para usuários com internet discada, é quase nada, sendo assim, é vantagem o uso do Lightbox em blogs que usam o blogger.

Quem quiser outro modelo de Lightbox achará facilmente em uma busca na web, ou pode visitar o site lightbox.com.br e ver vários sites que disponibilizam arquivos para Lightbox e mostra alguns detalhes de cada, como peso em bytes, só que, esses você terá que inserir um código nos links da imagem.

Ativar o Lightbox de imagem no blogger

Não é preciso adicionar códigos nem nada, basta configurar o blogger.
1. Acesse o blogger.com
2. Clique em Configurações
3. Clique em Formatação
4. Marque Sim onde diz Showcase images with Lightbox ou algo como Mostrar imagem em Lightbox
5. Clique no botão SALVAR CONFIGURAÇÕES

Clique na imagem para ampliar


Dicas: Aproveite para ver as outras opções de configurações na mesma página do blogger, como o idioma do blog, máximo de postagens, fuso horário, mostrar título do post, etc.

• Texto e imagem sobre imagem e Div com Html e Css
• Aumentar a imagem ao passar o mouse, com Css
• Fazer divulgação do blog/site para aumentar visitas
• Escolher tamanho e lado com editor antigo, para blogspot
• Frase aparece ao passar o mouse sobre imagem, com Css ou só Html
• Habilitar, Desativar JavaScript no IE e Mozilla Firefox