CARA MEMBUAT ANIMASI LOADING KEREN PADA BLOG

kawan - kawan kali ini saya akan berbagi ilmu tentang bagaimana cara membuat animasi loading pada blog , sehingga blog terlihat lebih keren dan bagus, OK , tanpa banyak bacot mari simak baik-baik ..!

1. masuk ke BLOGGER sobat..
2. pilih TEMPLATE , klik EDIT HTML
3. Cari kode ]]></b:skin> dengan menekan Ctrl + F pada kolom Edit HTML kemudia  letakan kode berikut ini di atas ]]></b:skin> 

/* Loading Page */
.QOverlay {
background-color: #000000; /* background color loading */
z-index: 9999;
}
.QLoader {
background-color: #CCCCCC; /* color bar loading */
height: 10px;
}
.QAmt {
color:#FF530D; /*loading Color number*/
font-size:50px;
font-weight:bold;
line-height:50px;
height:50px;
width:100px;
margin:-60px 0 0 -50px;}

4.Setelah itu cari kode </head> dan letakan kode berikut diatasnya, 

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

>>> Jika script berwarna biru telah ada pada template Blog sobat sebelumnya,
    tidak perlu menambahkan script tersebut.<<<


5.Kemudan cari kode </body> dan letakkan kode berikut ini diatasnya,

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

6.klik simpan, kemudian lhat blog anda..

SEMOGA BERMANFAAT..!

Posted in: Tutorial Blog