demo :

Hướng dẫn:
Modules > Javascript codes management > Create a new javascript

Placement : Chọn In all the pages

Cho đoạn js này vào và lưu lại.

Cách 1:

Code:

$(document).ready(function(){$('body').append('<div id="loadingvds" style="position:fixed; left:40%; top:50%;"><img src="http://i48.servimg.com/u/f48/13/58/60/43/loadin10.gif"></div>');$(window).load(function(){$('#loadingvds').fadeOut(2000, function(){$(this).remove;});});});

Cách 2:

Code:

$(document).ready(function(){$('body').append('<div border="0" style="position:fixed; width: 100%; height: 40px; z-index: 1; top: 300px; left: 0;" id="loadingvds" align="center"><table align="center" border="1" width="150" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#003300"><tr><td align="center"><div border="1" style="background-color: #FFFFFF; filter: alpha(opacity=70); opacity: .7; width: 150px; height: 40px; z-index: 1; border-collapse: collapse;" bordercolor="#006600"  align="center"><b>Đang tải dữ liệu...</b><br><img border="0" src="http://a.imageshack.us/img193/8679/loading6.gif"><br><font color="red">Vui lòng chờ</font></div></td></tr></table></div>');$(window).load(function(){$('#loadingvds').fadeOut(2000, function(){$(this).remove;});});});

Nếu bạn nào làm không được thì làm theo cách này:
Cho code này vào trước trong overall_header

Code:

<script type="text/javascript">$(document).ready(function(){$('body').append('<div id="loadingvds" style="position:fixed; left:40%; top:50%;"><img src="http://i48.servimg.com/u/f48/13/58/60/43/loadin10.gif"></div>');$(window).load(function(){$('#loadingvds').fadeOut(2000, function(){$(this).remove;});});});</script>