ads
Home » » Apa itu Lazyload?

Apa itu Lazyload?

Written By Ramadhan Fnw on Jul 28, 2011 | 5:38 AM


 Lazyload muncul saat loading pada blog kita. Dan menunjukkan persentase loading blog. Tanpa menampilkan loading yang sebenarnya. Jika sudah selesai loading, persentase itupun akan hilang sendiri. Nah, mungkin lazyload ini bisa mempercantik blog kalian. Untuk tata cara pembuatannya ada dibawah. Silahkan dibaca.

Pertama, masuk ke akun blog kalian
Pilih Rancangan lalu Edit HTML
Lalu cari kode

</head>


Untuk memudahkan pencarian klik F3 / CTRL+F
Jika sudah ketemu, copy paste kode dibawah ini sebelum kode tersebut
<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'/>
Lalu cari kode
</body>
Paste kode dibawah ini sebelum kode tersebut
<script>
QueryLoader.selectorPreload = &quot;body&quot;;
QueryLoader.init();
</script>

Kemudian cari kode
]]></b:skin>
Paste kode dibawah ini sebelum kode diatas
.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;
}

Ganti kode berwarna biru dengan kode warna lain untuk merubah warna background LazyLoda
Ganti kode berwarna merah dengan kode warna lain untuk merubah warna Loading Bar
Ganti kode berwarna kuning dengan kode warna lain untuk merubah warna angka persentase
Untuk mencari kode warna lain silahkan masuk ke sini
Share this article :

0 komentar:

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Share Our Knowledge - All Rights Reserved
Template Modify by Creating Website Inspired Wordpress Hack
Proudly powered by Blogger