Menambahkan QueryLoader (‘LazyLoad’) Script Untuk Blogger

Apa itu QueryLoader ?

Sebagian besar dari pembaca post ini mungkin belum tahu, yaitu blank script yang menutupi blogmu hingga blogmu selesai loading, langsung ajah liat demonya DISINI

Langkah Pertama, Menambahkan Java Files

>> Buka Dashboard >> Desain >> Edit HTML dan cari kode dibawah ini

</head>

Kemudian sisipkan script berikut diatasnya

<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'/>

Langkah Kedua

>> Temukan kode ini lagi

</body>

 kemudian sisipkan kode ini diatasnya

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

 Langkah ketiga, Menambahkan CSS kode

temukan kode ini 

]]></b:skin>

Sisipkan Kode ini diatas kode tersebut

.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; }

Source : http://www.allblogtools.com/tricks-and-hacks/adding-queryloader-lazyload-script-for-blogger-and-customize-it/