Membuat Animation Loading page

Demonya bisa kawan-kawan lihat disini pas loading page

Cara membuatnya :

1. Login blogger


2. Rancangan, Edit Html, Cari kode ]]></b:skin>


3. Dan Simpan kode berikut diatasnya :

 /* ---------------

 jquery animation loading page

---------------------------------- */

.QOverlay {

background-color: #000000; /*background color loading */

z-index: 9999;

}

.QLoader {

background-color: #CCCCCC; /* color bar loading */

height: 1px;

}

.QAmt {

color:#FF530D; /*loading Color number*/

font-size:50px;

font-weight:bold;

line-height:50px;

height:50px;

width:100px;

margin:-60px 0 0 -50px;

}

dan simpan script berikut diatas kode </head>:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script src='http://kangdadang.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/>

dan simpan script berikut diatas kode </body:

<script>

QueryLoader.selectorPreload = &quot;body&quot;;

QueryLoader.init();

</script>

simpan template dan lihat hasilnya........



jangan lupa kalau sudah ada Script jquery, tidak perlu ditambahkan lagi script jQuery....



Selamat mencoba... :)

Terima Kasih

Created By Syarief Hidayat



------------------------------------------------------------------------------------------