Indicador de carregamento de página para blogger

Olá, hoje mostrarei aqui como colocar um indicador de carregamento para blogger, muito interessante para colocar em seu blog.

Veja ao lado uma prévia do indicador de carregamento, ele atuará em: Fotos e vídeos.

Vamos começar!
01: Entre no blogger e faça login
02: Vá para o layout > Editar html
03: Agora clique Ctrl + f , e procure pelo código em vermelho abaixo:

</head>

04: Agora copie o código abaixo, e cole acima de </head>

<!-- Blog do LB --> <script type='text/javascript'> window.onload = detectarCarga; function detectarCarga() { document.getElementById("imgLOAD").style.display="none"; } </script> <!-- Blog do LB-->

Agora salve.

05: Agora vá em Layout >Elementos da página > Adicionar um Gadget >  html/Java Script
06: Agora copie o código abaixo e cole no Gadget e salve.

<div id="imgLOAD" style="text-align:center;"> Carregando... <img src="http://i29.tinypic.com/s5xz4h.gif"/></div>

Configurações:

Se preferir, você pode alterar a imagem colocando alguma da web, ou criando a sua própria, basta alterar este link: http://i29.tinypic.com/s5xz4h.gif

Se você optar pro criar uma, recomendo hospedar no picasa e Copiar o URL da imagem, para fazer isto basta clicar com o botão direito do mouse em cima da imagem.

Bom... espero que tenham gostado da dica de hoje, qualquer dúvida deixa ai nos comentários, obrigado.