Cara membuat Animasi Loading JQuery Di Blog

 Animasi loading page memberikan tampilan yang pasti dan penuh, dalam artian animasi akan selesai setelah loading page terbuka semua, jarak waktu loading page bisa kita ukur dengan adanya animasi ini, karena animasi ini menggunakan hitungan persen.
Script animasi loading page ini saya dapat dari Kang dadang yang merupakan versi awal dari script tersebut. Untuk membuat dan memasang animasi loading page pada blog sobat,
1. Sobat Login dulu ke akun Blogger sobat dulu
2. Masuk pada Design 
3. Edit HTML dan cari kode ]]></b:skin>
4. Dan letakan kode dibawah ini Tepat diatas Kode ]]></b:skin>
===========================================================
.QOverlay {
background-color: #000000;
z-index: 9999;
}
.QLoader {
background-color: #CCCCCC;
height: 10px;
}
.QAmt {
color:#FF530D;
font-size:50px;
font-weight:bold;
line-height:50px;
height:50px;
width:100px;
margin:-60px 0 0 -50px;
}

===========================================================
5. Kemudian cari kode </head> 
6. Letakkan kode dibawah ini tepat diatas kode </head> 

 ===========================================================
<script src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js&#8217; type=’text/javascript’/>
<script src=’http://situseo.googlecode.com/files/loadpage.js&#8217; type=’text/javascript’/>

===========================================================
*NOTE :  Untuk kode yang diberi warna Biru, jika kode tersebut sudah ada dalam template Sobat semua, Sobat tidak perlu menambahkan kode tersebut (cukup 1 saja)

7. Kemudian cari kode </body> dan letakan kode dibawah ini diatas Kode </body>
===========================================================
<script>
QueryLoader.selectorPreload = &quot;body&quot;;
QueryLoader.init();
</script>

===========================================================
8. Terakhir Save/Simpan.
    Maka jadilah loading keren yang tentu saja mempercantik Blog Sobat… 🙂

Posted on April 15, 2013, in Blogspot. Bookmark the permalink. 2 Comments.

  1. I just want to say I’m new to blogging and definitely enjoyed you’re web site. Likely I’m want to bookmark your blog . You really have fantastic articles. Many thanks for sharing with us your website.

  2. I just want to say I am just newbie to blogs and certainly enjoyed your web site. Likely I’m going to bookmark your site . You surely have beneficial articles. Kudos for revealing your web-site.

Silakan tinggalkan komentar .. Kami berhak menghapus kata - kata yang berbau pelecehan, intimidasi, bertendensi suku, agama, ras, antar golongan, porno serta spammer, Terima kasih Kerabat Copaz Blog!

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: