Mudando a Imagem de Carregamento no Blogger - Loading

Quem tem muito conteúdo ou um blog pesado aparece de imediato uma imagem chamada loading:

Vamos personalizar para ficar com a cara do seu blog? Vamos ao Tuto:

 Faça sempre backup do seu template antes de modificá-lo , ou tenha um                               blog de testes, caso algo dê algo errado.

1 - Vá em Modelo => HTML => Crtl F => </head> Acima desta tag coloque o script abaixo.

<script type='text/javascript'> window.onload = detectarCarga; function detectarCarga() { document.getElementById(&quot;imgLOAD&quot;).style.display=&quot;none&quot;; } </script>

Salve e visualize.

*** Se não funcionar troque o  </head> por  <header> no html.

2 - Vá em Layout => Adicionar um Gadget => HTML/JavaScript e coloque a tag abaixo:

<div id="load" style="text-align:center;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW_H9REKXp174-ZY-plx5Js9BaNSVRwnMoKmx8RSO35Hyhr9Rwml8OVN9Tr4U9ikN48f1nxv-kAGEzFbRFUjseTzQNAZ9tCJP2N62Z9KALCFe3rgk1WQrfCvsWjuL-FAhh6zzgaOxde8M1/s1600/gifload.gif"/></div>.

Ficará assim: 

O código em negrito é referente a imagem, para trocá-lo  é só colocar o endereço de outra imagem

Abaixo alguns geradores de imagens loading:

http://loading.io/

http://loadinggif.com/