Membuat animation 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... :)
Share:

3 komentar:

  1. Thanks gan infonya, keren dan membuat blog tampak profesional.

    BalasHapus
  2. saya agan,,ngak ada gambar nya,coba kalau ada gambar pasti keren tuh,, tetap semangat gan..

    BalasHapus
  3. keren keren.. makasih bang infonya :D

    BalasHapus