Menambahkan QueryLoader (‘LazyLoad’) Script Untuk Blogger Dan Men-Customisasinya

Pengertian QueryLoader : 
QueryLoader (Loading Blog) adalah blank black screen ( bisa diganti dengan gambar ) yang menutupi blog sampai semua content di blog keluar . Yang berarti pengunjung blog tidak akan melihat loading yang sebenarnya dari blog anda , jadi setelah blank black screen itu , mereka langsung melihat blog anda yang sudah full loaded .


Step 1, Menambahkan file Javascript ke blog .
di tahap ini kita akan memasang script files ke dalam template blog anda .
masuklah ke dashboard >> Design >> edit html , dan temukan kode :

</head>
 
Sebelum kode diatas tambahkan kode dibawah ini :

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


Step 2, Menambah kode javascript .

temukan kode :

</body>

 sebelum kode diatas , tambahkan kode ini :

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


 Step 3, Menambahkan kode CSS

Temukan kode dibawah ini :

]]></b:skin>

Sebelum kode diatas tambahkan :


.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;
}
 
sekarang klik Save Template  
 
Dan untuk men-edit QueryLoader , lihat gambar dibawah ini .. :
Lazyload page for blogger blogs
 Sumber : AllBlogTools.com

Article Information :
Description: Menambahkan QueryLoader (‘LazyLoad’) Script Untuk Blogger Dan Men-Customisasinya
Reviewer: Unknown - ItemReviewed: Menambahkan QueryLoader (‘LazyLoad’) Script Untuk Blogger Dan Men-Customisasinya - Rating: 5
10out of 10 based on 32,050 ratings. 1 user reviews.
DMCA.com
Jangan kalah dengan blogger negara tetangga, sertakan link sumber saat berbagi informasi .

Rekomendasi Post

Posting Komentar

 
x

We Need Your Help :(

Subscribe Now !
 
 FB


Get This