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


<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


. 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


<script>
 jQueryLoader_OW.selectorPreload = "body";
 jQueryLoader_OW.init ();
</ script>

Poskan Komentar Blogger Disqus

  1. gan.. saya kan masih newbie... Jquery itu apa dan untuk apa ya gan..? di bales ya gan...

    BalasHapus
  2. @Study 4 succesjQuery adalah Javascript Library atau kumpulan kode/fungsi Javascript siap pakai, sehingga mempermudah dan mempercepat kita dalam membuat kode Javascript. secara standar, apabila kita membuat kode Javascript maka diperlukan kode yang cukup panjang, bahkan terkadang sangat sulit untuk dipahami. =p*

    BalasHapus
  3. cara pakenya mas,,,,???
    pusing saya.,.,

    BalasHapus
  4. @Nurdin RahmanKode pertama letakkan di atas kode </head>
    kedua di atas kode ]]></b:skin>
    Ketiga di atas kode </body>

    BalasHapus
  5. sob ini loader page nya untuk home aja atau semua halaman.?
    kan ribet jg kalo semua halaman :D

    BalasHapus
Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top