Loading Screen Blogger

udah lama nggak posting di blog ini.. karena lagi sibuk dengan blog baru.. ngurus satu aja repot apalagi dua.. itupun blog belum lagi istri. ada enak dan ada nggak nya lah.. oke ini postingan pertama ane di bulan ini...hehehe.....langsung aja ke demonya agar kalian semua tau gimana bentuknya..

[DEMO]

udah kan,, gimana mau bikin di blog situ...oke dak cucok deh..ckckckck

pastikan anda sudah loggin akun blogger.com  

lalu ke

nak sekarang untuk berjaga jaga anda backup template anda..

ok sekarang tekan CTRL+F lalu cari code ]]></b:skin

letakkan kode dibawah ini di atas kode ]]></b:skin>

.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;
}

 warna hitam adalah backgroundnya
warna abu abu adalah loading bar nya
warna orange adalah angka persent nya

langkah selanjutnya cari kode </head> dan letakkan kode beriku di atasnya

<script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/>
<script src='http://donor-ilmu.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/>

oke lanjut lagi, cari kode </body> dan letakkan kode berikut diatasnya

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

dah jadi deh.. tinggal simpen... Semoga bermanfaat