Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Sem categoria Vanessa S.

Desabilitar Efeito LightBox Nativo do Blogger

[alerta]UPDATE em 30/09/11:
O Blogger atualizou o efeito lightbox nativo. Agora ficou mais simples ativar e desativar este efeito padrão do blogger.
Para desabilitar o Lightbox no Blogger entre no menu “configurações”, clique no menu “postagens e comentários” e marque “NÃO” no campo “open images in Lightbox”.[/alerta]

Estes dias eu publiquei um artigo falando sobre uma novidade lançada pelo Blogger. Um novo recurso implementado recentemente, com efeito nas imagens dos posts, é o efeito conhecido como LightBox: Novidade no Blogger: Efeito LightBox Nativo.

Apesar de adorar ver que o Blogger está se empenhando cada vez mais e investindo bastante nas mudanças e melhorias no Blogger, eu havia comentado no artigo supracitado,que não gostei muito deste novo recurso LightBox, pelo fato dele não ser opcional, pois o recurso foi implementado automaticamente dentro da estrutura do Blogger e foi aplicado a todos os blogs da plataforma Blogger.
Até o presente momento, o Blogger ainda não disponibilizou a opção de desabilitarmos este efeito.

Um leitor do MB, Naldo Ev, me mandou pelo facebook, o link de um artigo publicado pela Ariane, do blog Templates para Novo Blogger que contém um script que desabilita esse novo recurso.
Este script foi criado originalmente pelo Mark, do blog Code from an English Coffee Drinker.

Portanto, se você, assim como eu, não curtiu muito esse novo recurso, e caso queira desabilita-lo do seu blog, siga os passos a seguir:

Entre no modo “Editar HTML” e procure pela tag </head>
E cole logo ACIMA dela o código a seguir:

<!-- SCRIPT PARA DESABILITAR EFEITO LIGHTBOX NATIVO -->
<script type="text/javascript">//<![CDATA[function killLightbox() { var images = document.getElementsByTagName('img'); for (var i = 0 ; i < images.length ; ++i) { images[i].onmousemove=function() { var html = this.parentNode.innerHTML; this.parentNode.innerHTML = html; }; }}if (window.addEventListener) { window.addEventListener('load',killLightbox,false);} else { window.attachEvent('onload',killLightbox);}//]]></script>
<!-- FIM DO SCRIPT PARA DESABILITAR EFEITO LIGHTBOX NATIVO -->

Salve as modificações e teste para ver se o efeito está desabilitado.
Enquanto o blogger não nos oferece uma opção de desabilitarmos este efeito, só nos resta recorrer a este script.

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

| Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Desculpe, os comentários deste artigo estão encerrados.

20 Comentários

  1. Joe Elefante aprediz disse:

    ola editor tudo bem ? espero que sim
    gostaria de fazer um pergunta…
    andei reparando em alguns blogs incluseve no seu um efeito muito legal
    seu sidebar é flutuante e separado um do outro como se estivesse dividido em blocos, já vi isso n só na sidebar como no corpo da postagem, já tentei editar no minima mas n tive sucesso…
    gostaria de um tuto de como vc fez isso… muito obrigado
    joe!

  2. Osmar Jr disse:

    Agora tem um modo mais simples pra isso… Configurações > Formatação > Open images in Lightbox(Sim Ou Não)

  3. Victor Joseph Jackson disse:

    Ah, Desculpe pela falta de atenção…
    Mas enfim, Postei todos lá, porque simplesmente estão todos maravilhosos!
    Fico muito grato de poder ter pessoas como você na internet, que permite que seu conteúdo seja publicado em outros blogs..
    Grato, e fique com Deus ^–^

  4. .:: Clau ::. disse:

    Talita
    O Blogger resolver retirar sim, não sei se irão fazer alguma modificação, ou não. Vamos aguardar para ver.

    Victor
    A respeito dos templates gratuitos, peço que, por favor, leia nossa Licença dos Templates Gratuitos.
    Obrigada!

  5. Victor Joseph Jackson disse:

    Oii, Eu gostei do efeito lightbox, mas no meu template não funciona…
    Adoro seu blog, principalmente a parte dos templates, por falar nisso, gostaria de saber se posso divulgar seus templates no meu blog, do mesmo jeito que esta na sua pagina, com creditos e tudo mais…
    Grato ^-^

  6. Talita Ackles disse:

    Bem, meu blog tava com esse efeito do LightBox, mas agora sumiu. O que será? O Blogger decidiu tirar?

  7. .:: Clau ::. disse:

    Naldo Ev
    Eu quem agradeço pela dica 😉
    valeu!

  8. .:: Clau ::. disse:

    Pessoal, obrigada pelos comentários. Fico feliz que tenham gostado 😉

  9. Liduh disse:

    Oi Clau!
    Eu não estava nem um pouco satisfeita com o efeito LightBox no meu blog, e agora consegui desativá-lo, graças a sua dica.
    Parabéns pelo excelente blog, já está nos meus favoritos.
    Sucesso!!!
    Beijos!

  10. R.Wesley disse:

    @.:: Clau ::.

    blog que ensina a fazer blogs rsrsrs legal

  11. ADM Guerra disse:

    Nossa Clau brigadão mesmo, eu estava desesperado por causa desse Lightbox nativo tentando tirar ele , porque no meu sistema, a pessoa clica em cada formato de video ai troca o link de download sem carregar a página, e por causa de lightbox estava carregando a imagem hospedada do formato na tela do site ¬.¬ .
    Mas você resolveu meu problema muito obrigado..

  12. Iago Melanias disse:

    Voltou à Postar Clau!!!!!! Heehehee, tinha visto esse código em um outro blog, percebi que tinha isso no meu Layout também, tive que remover agora, obrigado.

  13. Max Martins disse:

    Oi, Clau

    No CBSaberes continua tudo normal. Ou seja, as imagens abrem na mesma página, saindo do post. Vou aguardar um pouco mais para ver o que acontece, pois quero colocar o efeito shadowbox. Porém, vai ficar pra quando colocar o template novo no ar.

    Sobre o script, é a solução pra quem já havia instalado um tratamento diferenciado para as imagens.

    Abraços!

  14. LvD disse:

    Vallew pelo script,,, ja estava até pensando em mudar para o Worddpress por causa dessa nova shit visualização das imagens,,,Valewww, não conheceia esse blog aqui mas ja add nos meus favoritos

  15. Naldo Ev disse:

    Obrigado por citar o meu nome no post, querida! Que honra! Espero que este script resolva o problema de todos assim como resolveu o meu… XD amo seus artigos Clau! Keep going

  16. .:: Clau ::. disse:

    yaragoth
    Aqui no MB eu uso o script que dá o efeito Shadowbox e inclui no meu template este script que desabilita o LightBox Nativo e não deu conflito algum. Entretanto, não há como eu saber se dará certo para todos os blogs, pois tudo pode depender de cada template.

    Carlos Romero
    Por favor, leia o artigo novamente que vc verá no inicio o link do post anterior que fala sobre o efeito e lá tem um link de um blog de testes para visualizar o efeito.

  17. Carlos Romero disse:

    Alguém pode me explicar o que é esse tal de Lightbox? Eu preciso saber o que é pra depois querer ou não desabilitá-lo 🙁

  18. ? yaragoth disse:

    Clau, uma dúvida: eu tenho um blog que já tem dois scripts em funcionamento; se eu colocar mais esse pra desabilitar o LightBox, será que não causa conflito? :~

  19. .:: Clau ::. disse:

    Visual Arte
    Pois é, eu tb uso o Shadowbox e por isso não gostei nada desse efeito lightbox ser obrigatório..rs
    Mas graças ao trabalho excelente do #dev Mark, agora podemos desabilitar esse efeito, através do script que ele criou. 🙂
    Obrigada pelo comentário.

  20. VISUAL ARTE disse:

    Muito obrigado por essa ajuda! Eu tava pra pirar o cabeção, pois estou colocando o efeito shadowbox e esse LightBox nativo estava abrindo por trás da imagem do shadowbox e eu não sabia o que era.

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.