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 = "body";
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 .. :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.
Posting Komentar