Cursos 24 Horas - Cursos 100% Online com Certificado

Carregando página...Indicador de carregamento para blogger

19 Comentários Autor : Notícia e blog 11 agosto 2009
carregando

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(&quot;imgLOAD&quot;).style.display=&quot;none&quot;;
}
</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...
<img src="http://i29.tinypic.com/s5xz4h.gif"/></div>

Se preferir mude a imagem para uma de sua preferência.
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

    19 Comentários

    bruno viralata disse...
    2 de setembro de 2009 22:48 #

    muuuuuuuuuuuuito bom,esse é quente,obrigado

    Notícia e blog disse...
    3 de setembro de 2009 12:21 #

    @bruno viralata Obrigado a você por visitar meu blog ;-)

    zeppelim disse...
    3 de novembro de 2009 12:53 #

    Adorei o blog ... parabéns .. abraço !!!

    Vinik9 disse...
    8 de novembro de 2009 15:29 #

    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

    Michael disse...
    26 de fevereiro de 2010 13:17 #

    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

    Video Celular disse...
    30 de abril de 2010 13:17 #

    Parabem, Ja fazia um bom tempo que Eu estava aprocura desse codigo de carregamento de pagina,

    Banda DjJavú e Dj SaN PoRtUgaL disse...
    6 de maio de 2010 15:35 #

    parceiro muito bom esse codigo agradeço...

    Sidney Silva disse...
    25 de janeiro de 2011 18:16 #

    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.

    V¡ии¡¢¡µs ツ disse...
    20 de fevereiro de 2011 15:12 #

    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

    Bertha disse...
    22 de fevereiro de 2011 19:02 #

    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!

    Jefferson disse...
    1 de maio de 2011 00:19 #

    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!

    Ruan G.C disse...
    17 de julho de 2011 13:37 #

    Caracoles vc me emprencionou, vou até adicionar esse site aos meu favoritos, parabéns !

    douglas disse...
    6 de setembro de 2011 23:04 #

    oi vc sabe se tem como colocar em site tbm poderia explicar?

    Edilton Pires disse...
    15 de novembro de 2011 17:37 #

    Valeu cara o teu site é ó timo mesmo você é o cara...

    Josué disse...
    29 de maio de 2012 13:29 #

    Ei cara mt bom isso agora podem tirar o "! pois é um comentário so para saber qual a fonte do código

    Jean Copetti disse...
    1 de julho de 2012 01:22 #

    Como faço para colocar num site em html..porém tem um slide (flash) de apresentação de fotos ao abrir a home?

    Att

    Jean Copetti

    Grátis Para Baixar ! disse...
    22 de agosto de 2012 07:00 #

    Ótima dica, parabéns por compartilhar!

    Diego Henrique disse...
    1 de outubro de 2012 01:54 #

    Muiitto Bom .. Obg por compartilhar isso com agente ;)

    Anônimo disse...
    12 de janeiro de 2013 14:34 #

    não em como este código ocupar a pagina toda? manda um email com a resposta pra diego20021010@hotmail.com

    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.