Para crear un Preloader del body del HTML tendra que hacer lo siguiente:

crear un js que se llame por ejemplo onLoad.js

y colocar el siguiente codigo:

///////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////
window.onload = load;
/********************************** **********************************************
*METODO DE CARGA DE LA PAGINA
********************************************************************************/
function load() {
document.getElementById('divPreloader').style.display = 'none';
document.body.style.display = 'block';
}
/////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////




y en el HTML

en el body :
coloca un DIV dentro del body asi:

<body style="display:none">
<div id='divPreloader'>
Cargando....
</div>
</body>


y.... listo.