Monday, October 1, 2012

Membuat Query Loader Page Di Blogger

10/01/2012    2 comments
Apa itu Query Loader Page? Query Loader Page di gunakan untuk menampilkan halaman blog Anda saat sedang di muat atau loading. Jadi para pengunjung blog/situs Anda tidak akan melihat bagaimana widget Anda atau bagaimana artikel Anda sebelum pemuatan/loading blog Anda selesai.

Pengunjung akan melihat halaman loading dengan bar dan persentase loading blog secara keseluruhan. Untuk lebih jelasnya tentang artikel Membuat Query Loader Page Di Blogger ada baiknya anda lihat demonya terlebih dahulu dengan menekan tombol di bawah ini.


Priview Image Query Loader Page


Demo Halaman Query Loader Page


Membuat Query Loader Page Di Blogger

Berikut ini saya berikan kode-kode yang di gunakan untuk Membuat Query Loader Page Di Blogger. Anda juga dapat memodifikasi kode CSS di berikut sesuai selera Anda!

jQuery

?
1
2
<script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/>
<script src='https://otowebsite-blogspot.googlecode.com/svn/trunk/jqueryLoader_OW.js' type='text/javascript'/>

CSS

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
. jQOverlay_OW {
 background-color: # 000000 ;
 z-index: 9999;
}
. jQLoader_OW {
 background-color: # CCCCCC ;
 height: 1px;
}
. jQAmt_OW {
 color: # FF530D ;
 font-size: 50px;
 font-weight: bold,
 line-height: 50px;
 height: 50px;
 width: 100px;
 margin:-60px 0 0-50px;
}

HTML

?
1
2
3
4
<script>
 jQueryLoader_OW.selectorPreload = "body";
 jQueryLoader_OW.init ();
</ script>

2 Komentar Anda?:

Terimakasih atas kritik dan sarannya

Subscribe to: Post Comments (Atom)