Membuat Animasi Loading Blog

Gambar di samping hanya contoh saja, script di bawah ini menampilkan loading blog dengan gambar animasi prosentase. sudah otomatis, ketika mencapai 100% maka blog akan terbuka penuh. Kagak banyak basa-basi.. Langsung aja ke TKP,....

Log in ke blog anda
Klik Template
Klik Edit HTML

Masukkan kode berikut di atas kode </head>


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

Selanjutnya masukkan kode berikut di atas kode </body>


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


Selanjutnya masukkan kode berikut di atas kode ]]></b:skin>


.QOverlay {
background-color: #000000; /* warna background saat blog anda di loading */
z-index: 9999;
}


.QLoader {
background-color: #CCCCCC; /* warna bar loading */
height: 1px;
}


.QAmt {
color:#FF530D; /* warna angka persentase saat loading */
font-size:50px;
font-weight:bold;
line-height:50px;
height:50px;
width:100px;
margin:-60px 0 0 -50px;
}



Klik Simpan Template
Selesai dan lihat hasilnya
Selamat mencoba....