Membuat Animation Loading Page

Caranya adalah sebagai berikut :

1. Login ke Akun Blogger anda masing-masing.
2. Klik Design or Rancangan, kemudian pilih Edit HTML
3. Centang (Expand Widget Template)
4. Untuk keamanan lebih baik kita (Download Template Lengkap)
5. Gunakan (Ctrl+F) or (Alt+E+F) untuk memudahkan pencarian
6. Cari kode ]]></b:skin>
7. Dan Simpan kode berikut diatasnya :

/* ---------------
 jquery animation loading page
---------------------------------- */
.QOverlay {
background-color: #000000; /*background color loading */
z-index: 9999;
}

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

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

8. dan simpan script berikut diatas kode </head>:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script src='http://kangdadang.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/>

9. dan simpan script berikut diatas kode </body:

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

10. Save

NB: jangan lupa kalau sudah ada Script jquery, tidak perlu ditambahkan lagi script jQuery.

Related Post