Berbagi Itu Gampang bersama IES

Berbagi Itu Gampang bersama IES

Translate

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified

Jumat, 27 Juli 2012

Cara membuat loading di blog

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

0 komentar:

Posting Komentar