![[ Ferramentas Blog ]](/wordpress/wp-content/themes/fb5/images/logo.png){kind=logo}
Muitos blogueiros por todo o mundo que usam o Blogger, começaram a notar que suas imagens estavam abrindo com um efeito conhecido como LightBox. A equipe do Blogger não avisou nada sobre a mudança ou se há algo diferentes em seu sistema, mas há algo novo sendo feito e aos poucos liberado para todos usarem. Este código novo está sendo descoberto aos poucos e você já consegue usar.
AVISO: A equipe do Blogger desabilitou temporariamente o recurso. Saiba mais, aqui:
- URGENTE: Blogger cancela novo efeito Lightbox
Se você quiser ver o novo recurso do Blogger de LightBox funcionando, pode ver aqui nesse post de teste, clicando em qualquer imagem:
ATUALIZAÇÃO: A equipe do Blogger anunciou oficialmente a novidade hoje, 19/set/2011. A parte triste é que realmente não é possível tirar ou configurar o recurso:
Aparentemente Já está funcionando em qualquer blog do Blogger, bastando publicar alguma imagem, mesmo que ela não seja clicável. E o mais estranho é que o código está invisível no editor HTML do painel do Blogger, mas pode ser acessado pelo “exibir código-fonte” dos navegadores.
Quando se clica em alguma imagem do post, abre uma janela sobre a página do Blog escurecendo o fundo. Caso haja duas ou mais imagens, também abre uma navegação por miniaturas.
O mais estranho de tudo é que aparentemente não há nenhum código para fazer funcionar o recurso e não há nada de novo nos menus do painel do Blogger (nem no antigo, nem no novo). Ao entrar no “Editar HTML” tudo parece normal, sem qualquer referência aos códigos conhecidos de LightBox ou algum CSS.
Fica mais estranho ainda se abrimos diretamente o código-fonte pelo navegador, depois que a página já está carregada. Então é possível encontrar algumas linhas que só o sistema do Blogger tem acesso (não me pergunte por quê).
Nota-se os seguintes trechos escondidos:
<link type='text/css' rel='stylesheet' href='http://www.blogger.com/static/v1/widgets/3353720152-widget_css_lightbox_bundle.css' />
Isso aparece imediatamente abaixo da linha <title><data:blog.pageTitle/></title>, buscando um CSS externo que está hospedado nos servidores do Blogger.
Além disso, ao rolarmos o código para quase no final, acima do </body>, o que vemos é este novo trecho:
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'http://www.blogger.com/static/v1/jsbin/3011555136-lbx_pt-BR.js'}, 'displayModeFull'));
Este trecho é uma chamada de Script que faz parte da estrutura de Widgets do Blogger e regula outros efeitos.
O pior desse momento da novidade é que não é possível desabilitar o recurso de maneira alguma (ao menos eu ainda não descobri como). Também percebi que, se o seu blog não tem esse efeito, basta adicionar esses trechos nos locais sugeridos, que passará a funcionar.
Então: o que você achou da novidade e o que espera para o Blogger com este novo recurso?
Essa novidade está sendo discutida no fórum do Blogger em inglês.
Gente, que legal! =D
Geralmente os scripts para o efeito lightbox são longos, tem todo um ritual para a instalação e alguns até param de funcionar depois de um tempo.
Essa foi uma novidade genial, tenho que admitir.
Marcos,
Fui lá no meu blog e o recurso já está funcionando.
Achei bacana e interessante pra se ter uma visualização melhor das imagens utilizadas nos posts.
Vamos aguardar.
Abraços,
Letícia
Bem, no meu blog não está acontecendo isto, mistério…rsrsrsrs, vou aguardar pra ver o que acontece.
Boa noite
Aqui no meu blog, ainda não está disponível, mas vou ver se insiro o código, coincidentemente ou não está semana pesquisei sobre esse efeito para o Blogger.
Sinceramente, não gostei desse efeito não. Prefiro os efeitos do Shadowbox e Lightbox.
Sem contar que eu utilizo alguns códigos para evitar a cópia de imagens do meu blog, e com esse efeito o link da imagem aparece, permitindo que a mesma seja copiada.
Espero que esse Lightbox do Blogger melhore na questão visual, e que seja um recurso opcional, ou customizável, quando, e se, o Blogger se pronunciar a respeito desse recurso.
Ameiiii a novidade, faltava mesmo lá no Blogger!
Tem muitas coisinhas para aprimorar, mas esta foi uma excelente ideia!
Odiei o novo Blogger, até voltei para o antigo…
Marcos
Nesse trecho [‘lightboxEnabled’: true,], troque o true por false! Será que funciona?
Fiz esse teste e comigo não funcionou mesmo em blogs que tive de adicionar o código para fazer funcionar o efeito.
O problema mesmo é que não tem como acessar realmente o código para fazer essa modificação.
Agora é esperar pra ver o que o Blogger fará nos próximos dias.
ACHEI O MÁXIMO! Já estava pensando em retirar o click das fotos pra que os visitantes não saíssem da minha página. O fundo preto fica otimo com as fotografias, diferente da alteração no Facebook que tem fundo branco é deixa tudo muito confuso. Nota 10!
Odiei. Fiz um trabalho brutal de otimização do meu blog, reduzindo o peso dele de 1.4 MB para 93 KB na home, e depois que o Blogger inseriu esse efeito o blog foi para 133 KB. Sei que ainda está leve, mas foi frustrante. Blogger…
Legal, significa que o Blogger está investindo em visual, que todos sabemos que não é o ponto forte do Blogger.
Eu preferiria se fosse opcional, pois costumo inserir as imagens com o tamanho adequado à visualização conforme o contexto. Além do mais, o método apresentado no post “Efeito LightBox para imagens no Blog” tem uma apresentação mais eficiente, pois conta com a ampliação da imagem e utilização de legenda, o que não ocorre (talvez por enquanto) nesse novo recurso do blogger. Fiz uso desse recurso alternativo em um post no blog agoreufalo.com e ficou bem apresentável em contraste com o recurso nativo na primeira imagem.
não gostei pois já uso um thickbox personalizado.
descobri como barrar esse efeito o ruim é ter q fazer em todas as imagens.
o script verifica se o link do href é igual ao do scr e se for ele coloca no efeito lightbox então pra barrar é só transferir o link do href para o imageshack e retornar ao blogger e como os links serão diferentes mesmo sendo para a mesma imagem o efeito não é aplicado.
Essa informação me ajudou bastante! Mas você não precisa mudar o endereço da foto. Se você utiliza as fotos hospedada no Google, basta você alterar a numeração que define o tamanho da imagem, na própria URL.
Acabei de ver isso… estava visualizando um post antes de publicar. Gostei muito. Evita de sair da página onde está a imagem.
Concordo com você, já que o link para as imagens dos post não é aberto em uma nova aba.
O link para as imagens podem sim ser direcionados para outra aba, porém você tem que adicionar a tag manualmente.
Efeito muito legal! Fácil de instalar e funciona em qualquer imagem Blogger, e nem precisa alterar os posts como nos códigos antigos.
Nossa. Eu percebi este efeito quando eu sem querer fui clicar em uma imagem no meu blog.
Sinceramente eu gostei bastante dele assim, pois há alguns dias atrás, eu estava pensando em adicionar o efeito lightbox em meu site.
Engraçado que eu também fui no código fonte do blog e achei essas linhas que você mencionou no post.
Além efeito lightbox, outra mudança feita no Blogger foi na página de login, que está com o visual novo.
Legal , acho estranho eles não terem avisado , mas tivemos tantas novidades que vieram por surpresa que eu não me surpreendo mais.
Acredito que logo vão vir outras novidades , possivelmente na parte de estatísticas pelo menos para chegar um pouco perto do wordpress nessa parte.
Droga!Demorei tanto tempo para descobrir este codigo….e a equipe do blogger faz isso agora.Como uma pessoas terá a chance de se destacar em alguma coisa,se todos possuem.
eles diminuiram em 50% a minha chance de almentar o fluxo no meu blogger
O meu funciona, mas não vi futuro algum ter isso ou não ter.
Mas, foi melhor do que abrir outra página, cansa menos.
No meu blog já está disponível…
No meu blog já está funcionando. Gostei do efeito. Só não entendo por que ao fazer o upload de imagens com mais de 3000 pixels, o blogger automatica redimensiona para no máximo 1600 pixels….
Não é bem do blogger e sim do picasa, aqui tem dicas de como arrumar isso em cada imagem: https://ferramentasblog.com/2011/01/como-redimensionar-imagens-do-picasaweb.html
No meu não tem ainda Huhu
Que maneiro! Eu tava mesmo procurando um código de lightbox pra instalar no meu blog e agora nem vou mais precisar! O meu não veio automático, mas coloquei o código logo acima da tag lá no final do código html e já está funcionando.
Olá Marcos Lemos, foi descoberto uma maneira de resolver a retirada desse efeito: http://templatesparanovoblogger.blogspot.com/2011/09/blogger-e-o-efeito-lightbox.html
Funciona para bloquear, mas o sobrepeso que ele causa no blog continua o mesmo.
Marcus,
Eu testei a sugestão da Ariane e o que pude perceber é que deixa o blog mais pesado. Resolvi não divulgar isso por enquanto, pois acredito que a Blogger vai lançar oficialmente isso logo logo.
Ahhh, que bom. Agora posso deixar o link das imagens, por que a apresentação fica bonita.
Eu tirava todos, kkkk.
Eu estava atraz disto a tempos,
Muito bom!
para meu site de imagens isso foi uma maravilha!! obrigado blogger!
Incrivel, no meu template dei uma revisada em tudo e não achei nada referente ao lightbox e mesmo assim ele funciona, ele deve estar “mascarado”?
O problema é que eu uso imagens como links para abrir o resto das postagens.
to pra dizer que é um efeito sofisaticado que se estende pra todos os blogs do blogger, que eu sei….sinceramente eu gostaria de tirar isto daqui
Eu testei no meu blog e deu certo. A princípio gostei da novidade!
Prejudica a visualização de imagens full size que exigem serem observados detalhes. Para tal, ainda é necessário “exibir imagem” ou “abrir em nova aba”, já que o tamanho que o lightbox abre a imagem, não é no tamanho original dela.
Eu não gostei de ter esse efeito e não poder desabilitá-lo (pelo menos isso não é possível ainda), pois já uso o FancyBox. Com o FancyBox eu posso usar o efeito LightBox também em vídeos, criar janelas modal, adicionar efeitos como transições, especificar se a imagem deve ser exibida no seu tamanho integral ou se deve ser redimensionada para caber na tela, e até mesmo escolher a cor da camada que vai sobrepor o restante do HTML.
Eu entrei hoje em um post no meu blog para copiar uma imagens, eu já possuo um Código LigtBox muito bom que permite até colocar um micro site dentro dele mas enfim, me surpreendi quando cliquei em uma imagem sem o Efeito Ligtbox configurado, e abriu esta visualização igual a do Google Plus . Achei simplesmente Magnifico, pois o Javascript Ligtbox atrasa e muito o carregamento da página porém se eu clicar na imagem enquanto o Menu de navegação estiver visível, a imagem fica abaixo do Menu, somente isso me desagradou, mas como costumo só colocar o álbum de foto do artista ” x ” no final do post. Eu vim correndo para o Ferramentas Blog para ver se tinha alguma noticia a respeito rsrs .
Algumas imagens de dimensões 1600×1200 tiveram a resolução reduzida para 400 x alguma coisa no novo visualizador. quando clico em abrir imagem em uma nova janela ela aparece normal.
[Link suprimido]
Pingback: Como desabilitar o novo efeito Lightbox do Blogger | [ Ferramentas Blog ]
Ficou muito pesado. Todo trabalho feito no meu blog está preticamente perdido. Os visitantes vão desistir na primeira tentativa.
Pingback: URGENTE: Blogger cancela novo efeito Lightbox | [ Ferramentas Blog ]
Bem, já dá sim para retirar esse efeito e eu até gostei dele, achei melhor que outros efeitos lightbox criados por outros, o do blogger é leve, abre as imagems com tamanho um aplicável a página, e também mostra as imagens por post e não sai mostrando todas as imagens contidas na página. Pena que eles estão testando e retiraram agora… Espero que coloquem de novo.
Pingback: Blogger retorna o efeito Light box - Creative Magazine