Demo:



Cách Làm:


Bước 1: Chèn Code Sau Vào CSS

Code:


/* Load ding */
#loadlig{background:#000;background-color:rgba(0,0,0,0.5);color:#fff;filter:Alpha(opacity=80);float:left;font-size:22px;height:100%;left:0;position:fixed;text-align:center;text-shadow:0
 1px 0
#000;top:0;width:100%;z-index:999}.load1{background:#333;border:5px
solid rgba(255,255,255,0.1);border-radius:12px;height:50px;margin:150px
auto;width:50px}




Bước 2: Thêm Đoạn Sau Vào fooder_begin ( Hoặc Bất Kì Chỗ Nào Cũng Được )

Code:


<div
 id=loadlig><div class=load1><img
src=http://www.thismanslife.co.uk/images/loading.gif style='margin-top:
17px;'></div>Loading...</div>

Bước 3: Vào Modules -> HTML & JAVASCRIPT -> Javascript codes management -> Creat a new javascript

Tile: Loading pro
Placement: In all the pages

Copy Code Dưới Đây Và Dán Vào:

Code:


$(document).ready(function(){$(window).load(function(){$('#loadlig').fadeOut(2000,function(){$(this).remove})})});

Chú ý: Enable Javascript code management : Phải Được Kích Hoạt Là Có ( Xem Hình Bên Dưới )