Friday, July 6, 2012

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/

No comments:

Post a Comment