Tela de Loading (Carregamento) no Blogger

cute, denmin, dip dye, fashion

Lindo de morrer este short não é mesmo? *--* Gente, hoje vou ensinar esse tutorial bem legal para vocês personalizarem a tela de carregamento do Blogger, para ficar algo diferente. Clique em Leia Mais para descobrir o tutorial!


O objetivo é bem simples, é que enquanto o seu Blogger carrega, nele apareça uma tela informando ou animando este carregamento. Usaremos a imagem abaixo:


Vamos lá? Mão na massa!


TUTORIAL


Vá em Modelo > Editar HTML > Procure por </head>.

Acima desta tag, cole o seguinte script:

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

Certo? Salve! Agora vá para Layout > Adicionar gadget HTML/JavaScript e neste cole:

<div id="load" style="text-align:center;"><img src="http://1.bp.blogspot.com/_kRiGysx6lag/TP62h7xtQwI/AAAAAAAABII/aScRAnXcJXE/s1600/gifload.gif"/></div>.

Salve e visualize o blog para ver se estar tudo bem. ATENÇÃO: em alguns blogs, pode não funcionar, então, tente colocar o último código em <header> no html.

Você pode ainda personalizar e mudar a imagem. Trouxe algumas que encontrei pelo google:



Esse último gif abaixo não é transparente ok?



Bem, eu espero que tenham gostado do tutorial, se quiserem alinhar a imagem é só adicionar antes de fechar a div o elemento: style="margin: 0px 0px 0px 0px;". Tomara que tenha dado certo no blog de vocês ^^

Créditos: www.ferramentasblog.com