Senin, 16 Juli 2012

Cara membuat loading di blog

Diposting oleh Unknown di 20.22

Cara membuat status loading di blog / website.

Status loading keren ini akan muncul sementara blog kamu sedang memuat halaman sampai 100%, silahkan lihat contoh tampilan status loading (preload page) pada demo dibawah ini.














Demo tampilan status loading:

Memuat halaman…






Langkah-langkah membuat status loading:

1) Pasang kode javascript dibawah ini pada bagian <head> blog kamu:
Salin kode JAVASCRIPT

1
<script src='http://tc.comze.com/js/preloadpage.js' type='text/javascript'/>

2) Kemudian cari baris <body>, ganti baris kode tersebut dengan kode html dibawah ini:
Salin kode HTML

1
2
3
4
<body onLoad='PreloadPage();'>
<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;'>
<script type='text/javascript'>PreLoading();</script>
</div>


Read more: http://www.bimablogunik.cc.cc/2012/02/cara-membuat-loading-di-blog.html#ixzz20qXfF76r
Follow us: @bimatirtamp on Twitter

1 komentar on "Cara membuat loading di blog"

Miliana on 21 Maret 2019 pukul 02.38 mengatakan...

keren banget makasih infonya yah

sindonews.com

Posting Komentar

Cara membuat loading di blog

Cara membuat status loading di blog / website.

Status loading keren ini akan muncul sementara blog kamu sedang memuat halaman sampai 100%, silahkan lihat contoh tampilan status loading (preload page) pada demo dibawah ini.














Demo tampilan status loading:

Memuat halaman…






Langkah-langkah membuat status loading:

1) Pasang kode javascript dibawah ini pada bagian <head> blog kamu:
Salin kode JAVASCRIPT

1
<script src='http://tc.comze.com/js/preloadpage.js' type='text/javascript'/>

2) Kemudian cari baris <body>, ganti baris kode tersebut dengan kode html dibawah ini:
Salin kode HTML

1
2
3
4
<body onLoad='PreloadPage();'>
<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;'>
<script type='text/javascript'>PreLoading();</script>
</div>


Read more: http://www.bimablogunik.cc.cc/2012/02/cara-membuat-loading-di-blog.html#ixzz20qXfF76r
Follow us: @bimatirtamp on Twitter

Share this post:

Digg it StumbleUpon del.icio.us Google Yahoo! reddit

1 komentar:

Posting Komentar

 

Learning is Fun Copyright 2009 Reflection Designed by Ipiet Templates Image by Tadpole's Notez