Ads (728x90)

Cara membuat status loading di blog / website. status loading keren ini akan muncul sementara blog kamu sedang memuat halaman sampai 100%, nah cara ini cukup menarik agar blog kamu mudah di lihat lebih cepat karena loadingnya udah selesai. sekarang kita akan belajar membuatnya.

http://www.freeiconsdownload.com/site-images/small/loading-180.jpg

Cara buat status loading
  1. Login ke blogger
  2. Pilih Rancangan
  3. Klik Edit HTML
  4. Centang Expand Template Widget
  5. Taruh kode berikut diatas kode <head> :
    <script src='http://tc.comze.com/js/preloadpage.js' type='text/javascript'/>
  6. Jika sudah, cari kode <body> dan ganti dengan kode berikut :
    <body onLoad='waitPreloadPage();'>
    <div id='prepage' style='position: fixed; _position: absolute; top: 0px; right: 0px; clip: inherit; _top: expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-offsetHeight); _left: expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth-offsetWidth); width: 100%; height: 100%; background-color: #000; padding: 0px; border: 0px; text-align: center; filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75; font-family: verdana; font-weight: bold; color: #ccc;'>
    <center><p style='margin-top: 250px;'><img src='http://static.ak.fbcdn.net/rsrc.php/v2/y7/r/pgEFhPxsWZX.gif' style='border: 1px solid #555; padding: 2px;'/><br/>Memuat halaman...</p></center>
    </div>
  7. Simpan jika sudah selesai

Bila anda memiliki gambar loading sendiri, silahkan ganti link gambar MERAH tersebut dengan gambar loading anda.

Sumber

Posting Komentar

Blogger