colocar uma mensagem, ou imagem, de loading no teu blog

Insire este código logo depois da tag HEAD, no meu caso antes,que fica bem no começo do HTML do teu blog.


#loading {
text-align: left;
position:fixed;
width: 100%;
height: 900px;
line-height: 1px;
}

#loading2 {

}
</style>
<div id='loading'><div id='loading2'><font color='#ff0000' size='3' style="font: italic;"><b><img src='http://www.thematrixx.oi.com.br/lic/loading.gif'/></b></font></div></div>
<script>
// CARREGANDO //
function addLoadEvent(func){var oldonload = window.onload;if(typeof window.onload!='function'){window.onload=func;}else{window.onload=function(){if(oldonload){oldonload();}func();}}}addLoadEvent(function(){document.getElementById("loading").style.display="none";});
</script>


Visualize para saber se está como você quer e se estiver Salve.


Agora vamos modificar o Loading.

Caso você queira modificar a posição do loading observe essas linhas em vermelho:
#loading {
text-align: left;
position:fixed;
width: 100%;
height: 900px;
line-height: 1px;
}

left : Esquerda
1px: Largura da linha

Quer que fique o meio da página na horizontal?

Troque "left" por "center"

Quer que fique no meio da página na vertical?

Troque "1px" por "900px"

Quer que fique do lado direito da página?

Troque "left" por "right"



Caso você queira modificar a imagem do loading.

Observe a linha em vermelho:
<div id='loading'><div id='loading2'><font color='#ff0000' size='3' style="font: italic;"><b><img src='http://www.thematrixx.oi.com.br/lic/loading.gif'/></b></font></div></div>
Troque "http://www.thematrixx.oi.com.br/lic/loading.gif" pela URL de sua imagem de preferência.

Caso queira trocar a Imagem Loading por palavras.

Troque a linha "Endereço url" pelas palavras de sua preferência.


Alguma questão perguntem que eu explico calmamente.
top
Embed Wave to Blogger