Dicas para Blogs e Sites

O Blogger fez uma atualização no Efeito LightBox então veja aqui sobre Colocar e Configurar Efeito LightBox nas Imagens no Blogspot, agora ficou bem mais simples ativar e desativar o efeito LightBox padrão do blog nas suas postagens

Nem todos os blogueiros gostaram do efeito lightbox automático no blogspot e alguns têm perguntado sobre como desativar, então pesquisamos sobre isso e achamos vários tutoriais sobre retirar o lightbox do blogger e parece que cada tipo de template precisa de um código diferente, portanto será necessário fazer testes para saber qual código funcionará no seu blog.

O primeiro passo é fazer um backup do seu template, assim se ocorrer algum erro no HTML do blogger você poderá voltar ao seu modelo de layout atual sem problemas. Para fazer isso entre na Pagina Modelo clique em Fazer backup Restaurar e baixe o arquivo (fazer download do modelo completo).


Depois salvou uma copia do seu template, vamos usar a primeira opção para desativar o efeito lightbox do blogspot, procure no seu HTML por </html> e coloque o código antes dele:

<script type='text/javascript'>
document.getElementById('main').innerHTML = document.getElementById('main').innerHTML.replace("'lightboxEnabled': true,","'lightboxEnabled': false,");
</script>

Clique para salvar e faça o teste, caso não funcione, então retire esse código que adicionou, e agora coloque esse javascript antes da linha </head>

<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>

Em nossos blogs de testes os dois códigos funcionaram, mas publicamos os dois jeitos porque lemos vários comentários dizendo que um e outro código não funciona em certos tipos de templates, portanto é necessário testar para descobrir qual código funciona corretamente no seu blogger.

Leia também:

Colocar Efeito Neve no Blog
Analisar, Testar e Melhorar o Blog
Editor de Fotos e Imagens Online Grátis

Lembre-se: Caso o primeiro código não desabilitar o light box você deve retira-lo antes de colocar o outro.

Marcadores: Acessórios, Configurações Avançadas, Efeitos, Imagens, Personalizar