Menambahkan Script QueryLoader ('LazyLoad') Animasi Loading

Apa Itu queryLoader (LazyLoad)

QueryLoader adalah layar kosong hitam (bisa diubah) yang meliputi blog Anda sampai semua konten dimuat, yang berarti bahwa pengunjung tidak akan melihat yang sebenarnya loading blog Anda, bukannya itu, mereka akan melihat halaman loading dengan bar dan persentase loading blog secara keseluruhan, itu dibuat dengan menggunakan j-query dan css. mudah untuk diterapkan ke blog blogger Anda, dan mampu menyesuaikan.

Langsug saja gan

1. seperti biasa login ke akun blog anda
2. dashboard>> Desain/Rancangan>> edit html, dan silahkan cari kode berikut,
   </head>
3. kemudian taruh kode berikut ini sebelum kode </head>
   
   

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

4.  Kemudian cari kode </body> kemudian taruh kode berikut ini sebelum kode tersebut
   

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

5.  Langkah Terakhir copy kode berikut ini sebelum kode 
    ]]></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;
   }

   ^SELAMAT MENCOBA^

   sumber 

Posted in: Tutorial Blogger