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'/>Lalu cari kode
<script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/>
</body>Paste kode dibawah ini sebelum kode tersebut
<script>
QueryLoader.selectorPreload = "body";
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
0 komentar:
Post a Comment