Tuesday 19 June 2012

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... :)

0 comments:

Post a Comment

Contact Us

Name

Email *

Message *

 
Design by Dabloeng.com/