Cara Memberi Screen Loading Pada Blogger

Screen Loading bisa dibilang Menunggu atau memproses layar yang meliputi blog Anda sampai semua konten yang dimuat selesai, yang berarti bahwa pengunjung Anda tidak akan melihat pemuatan sebenarnya dari blog Anda, pengunjung akan melihat halaman loading dengan bar dan persentase loading blog secara keseluruhan, trik ini menggunakan jQuery. anda bisa melihat hasilnya sebelum memulai memasang di blog anda Demo. Tertarik, Baiklah kita akan memulai cara memasangnya.

1.  Pastikan sudah Login di Blogger.com, jika sudah klik Rancangan



2. Klik Edit Html



3. Cari kode ]]></b:skin> caranya tekan Ctrl+F. copy script CSS di bawah ini dan paste di atas ]]></b:skin>

   .QOverlay {
       background-color: #000000;
       z-index: 9999;
   }
   
   .QLoader {
       background-color: #CCCCCC;
       height: 1px;
   }
   
   .QAmt {
       color:#FF530D;
       font-size:50px;
       font-weight:bold;
       line-height:50px;
       height:50px;
       width:100px;
       margin:-60px 0 0 -50px;
   }

   Jika ingin meruba warna anda bisa mengubahnya, bagi teks berbackground warna biru untuk Backgound, warna abu-abu untuk Loading Bar, jika warna oranye unutk Angka Persen
4. Selanjutnya cari </head>, taruh kode di bawah ini di atas kode </head>
   

   <script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/>
   <script src='http://donor-ilmu.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/>

5. Berikutnya Cari </body>, taruh kode di bawah ini di atasnya kode </body>
   

   <script>
       QueryLoader.selectorPreload = &quot;body&quot;;
       QueryLoader.init();
   </script>

6. Langkah terakhir adalah menyimpan template, klik Simpan Template, sudah selesai dan coba lihat hasilnya di blog anda