Imagem de carregamento no Blogger (Loading) [002]

Yo bunnies, como vão todos? Espero que bem! Tenho tanta coisa para postar, mas vamos começar de vagar certo? Hoje trago um tutorial já meio antigo, porém não muito conhecido. Colocar Carregamento no Blog. Geralmente um site leva alguns segundos (dependendo da internet) para carregar por completo.

Esse efeito se resume colocar em por uma imagem ou texto de carregamento "destacado" enquanto o blog carrega. Assim que o blog terminar de carregar a imagem vai sumir. Enfim sem mais delongas vamos ao tutorial! É bem fácil e rápido. 

1. Abra o Painel do blog, escolha qual blog deseja adicionar o efeito, Então siga para Modelo> HTML. Ao abrir o HTML de um clique na área e ative em seu teclado a busca CTRL+F. Na barra de pesquisa cole e pesquise  </head> acima dele cole:

Códigos

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

Salve!

Vá em Layout e adicione um novo Gadget Java Script,  dentro dele cole o código abaixo:

Códigos

<div id="imgLOAD" style="text-align:center;">Carregando... <img src="https://2.bp.blogspot.com/-cO754RLsLvY/WDKWl5pmmHI/AAAAAAAAoN8/xi3VVo8wrto4yZcLVtwcxcCrvpG5AtckACLcB/s1600/carrega.gif"/></div>

A parte marcada em verde é a url da imagem, pode troca-lá ou deixar somente texto. 

Em alguns layouts pode ocorrer do modo Gadget não funcionar. Então exclua o Gaget. Salve! E vá outra vez em HTML procure por:

Códigos

 </header>

Acima dele cole o código anterior. Se não funcionar em cima, cole em abaixo dele.