Tutorial blog

Info Kerja

Info Beasiswa

Recent Post

Membuat Status Loading Page

Monday, January 24, 2011
Sebagian blogger mungkin suka mempercantik tampilan blog barunya dengan membuat status loading page sambil nunggu page blog kita siap dibaca 100%. Tenang saja rekan-rekan telah mengunjungi situs yang tepat. Berikut saya share ilmu yang pernah saya dapatkan dan telah saya praktekkan sendiri :

1. Buka edit HTML di layout anda
2. Cari <head> dan copas kode ini dibawahnya : 

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

3. Kemudian temukan juga <body> dan replace dengan :

<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://tc.comze.com/js/images/ajax-loader.gif' style='border: 1px solid #555; padding: 2px;'/><br/>Ahlan Wa Sahlan...</p></center>
</div>

4. Kemudian SAVE

Untuk warna biru bisa diganti dengan kalimat lain yang rekan-rekan suka.

Semoga bermanfaat.
Salam kenal

Related post



0 comments:

Post a Comment