Está dica é muito boa para blogs com muito conteúdo, fotos, videos, imagens este hack indica o carregamento da página ele mostra uma imagem de carregamento, mostrando que a página está carregando.Aqui mesmo tem este hack veja acima do titulo do Notícia e blog
1.Faça login no blogger
2.Vá para Layout> Editar html
3.Procure pelo código abaixo no seu template utilizando as teclas Ctrl + f
</head>
4.Em seguida copie e cole o código abaixo acima desse código:<!-- Noticia e blog -->
<script type='text/javascript'>
window.onload = detectarCarga;
function detectarCarga() {
document.getElementById("imgLOAD").style.display="none";
}
</script>
<!-- noticiaeblog-->Salve as alterações.
4.Agora vá para Layout> Elementos da página>Adicionar um Gadget>html/JavaScript
Coloque o gadget onde você achar melhor
5.Como conteúdo do Gadget cole o código abaixo:
<div id="imgLOAD" style="text-align:center;">Carregando...Se preferir mude a imagem para uma de sua preferência.
<img src="http://i29.tinypic.com/s5xz4h.gif"/></div>
Salve o Gadget e pronto o seu indicador de carregamento está pronto, ao entrar na página ele aparece até que a página seja completamente carregada, depois que ela for carregada ele desaparece automaticamente
Fonte: Tradução e edição Notícia e blog, post original em Elescaparatederosa
14 Comentários
muuuuuuuuuuuuito bom,esse é quente,obrigado
@bruno viralata Obrigado a você por visitar meu blog ;-)
Adorei o blog ... parabéns .. abraço !!!
eiii.. não sabe como colocar este código para aparecer ocupando toda a página? eu pretendo colocar assim v s m ajuda ae! bem bunitin uma imagemzinha carregando e depois abrindo o site automaticamente!!!
vlws
entra em contato..
www.vinik9.blogspot.com
Olha só! Não tem como fazer a imagem desaparecer só depois de toda a págia estar carregada e não só as imagens?
Manda um e-mail com a resosta: mikearanha@gmail.com
Parabem, Ja fazia um bom tempo que Eu estava aprocura desse codigo de carregamento de pagina,
parceiro muito bom esse codigo agradeço...
Olá Fernando!
Encontrei seu site na Web e realmente é um dos melhores disponíveis, parabéns!!!
À muito tempo que procuro um código que faça com que apareça um indicador de carregamento para meu blog (caricareta.blogspot.com) já que o mesmo contém uma quantidade de imagens considerável na primeira página.
Encontrei este que você postou mas não estou conseguindo fazer com que funcione...
Onde será que estou errando? Já que coloco certinho o primeiro código e adiciono o segundo em um Gadget???
Se possível gostaria que me explicasse!
Sidney Silva.
otimasissima dica parabens! pena q prejudica eu acho um pouco nos mecanismos de pesquisa mais é bem legal! valew!
aceita parceria com links acesse
Site da NET | Portal de Novidades
Muuuuuito legal ... para complementar acessem este site que cria as gif
http://www.ajaxload.info/
Meu blog: www.duettocomunicacaovisual.blogspot.com (está em construção)
abs!
Poxa, à um tempo atrás estava procurando um tutorial como esse, pois tinha um layout com imagens grandes e pesadas e queria colocar um sistema igual a esse. Otimo esse post, quando precisar, vou consultar esse tutorial!
Caracoles vc me emprencionou, vou até adicionar esse site aos meu favoritos, parabéns !
oi vc sabe se tem como colocar em site tbm poderia explicar?
Valeu cara o teu site é ó timo mesmo você é o cara...
Postar um comentário
Deixe seu comentário aqui
Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.