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>:
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 = "body";
QueryLoader.init();
</script>
simpan template dan lihat hasilnya........
jangan lupa kalau sudah ada Script jquery, tidak perlu ditambahkan lagi script jQuery....
Selamat mencoba... :)
jangan lupa kalau sudah ada Script jquery, tidak perlu ditambahkan lagi script jQuery....
Selamat mencoba... :)
SELAMAT MENCOBA !!!
0 komentar:
Posting Komentar
Berikan Pendapat Anda!!!
Caution!!!
1. Sampaikan Komentar anda sekarang!!! Mumpung saya lagi ada waktu nge-reply ^_^