1. ADIM: header.php dosyasını açın.  echo " </head> "; satırını bulun ve öncesine aşağıdaki kodu ekleyin.

 echo "<DIV ID=waitDiv style=position:absolute;left:300;top:300;visibility:hidden><center>
<table cellpadding=6 cellspacing=0 border=1 bgcolor=#FFCD36 bordercolor=#000000>
<tr><td align=center>
<font color=#ffffff face=Verdana, Arial, Helvetica, sans-serif size=4>
<b>Yükleniyor...</b></font><br>
<img src=./images/await.gif border=1><br>
<font color=#ffffff face=Verdana, Arial, Helvetica, sans-serif size=2>Lütfen Bekleyiniz.</font>
</td></tr>
</table></center></DIV>
<SCRIPT> <!--
var DHTML = (document.getElementById || document.all || document.layers);
function ap_getObj(name) {
if (document.getElementById)
{ return document.getElementById(name).style; }
else if (document.all)
{ return document.all[name].style; }
else if (document.layers)
{ return document.layers[name]; }
}
function ap_showWaitMessage(div,flag) {
if (!DHTML) return;
var x = ap_getObj(div); x.visibility = (flag) ? `visible`:`hidden`
if(! document.getElementById) if(document.layers) x.left=280/2; return true; } ap_showWaitMessage(`waitDiv`, 1);
//--> </SCRIPT>";

2.ADIM: footer.php dosyasını açın.  echo "</body> " satırının öncesine aşağıdaki kodu ekleyin.

echo "<SCRIPT language=javascript> <!--
ap_showWaitMessage(`waitDiv`, 0);
//--> </SCRIPT>";

3. ADIM: images klasörü içerisine aşağıdaki resmi indirin ve yükleyin.

EK: Yükleniyor Grafikleri (44 adet yükleniyor özelliğinde kullanabileceğiniz grafikler)

Hepsi bu kadar.

Kaynak : netopsiyon.com