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="http://1.bp.blogspot.com/_kRiGysx6lag/TP62h7xtQwI/AAAAAAAABII/aScRAnXcJXE/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:


Nenhum comentário:

Postar um comentário