Welcome to My Blog

Welcome to My Blog EL Valkry-Gamer

Kamis, 28 Juli 2011

Cara Membuat Animasi Status Page Loading

Posted by Eki Jalaludin on 21.02

http://i55.tinypic.com/mll4ib.jpg
Pernahkah anda kepikiran untuk menghiasi blog anda, dengan memasang Loading pembuka saat blog/website anda dikunjungi??? nach disini utta' akan memberikan solusinya...
dan Pada kesempatan kali ini utta' ingin share yang satu ini tentang 'Cara Membuat Animasi Status Page Loading'.. untuk lebih jelasnya Anda bisa lihat langsung Demonya DISINI. jadi maksudnya disini, saat blog kita dikunjungi pertama kali maka akan muncul Loding dan pesan dulu sebelum masuk ke website/blog kita, hampir samalah dengan memasang pesan pembuka..'saya harap anda sudah mengerti itu',.
Baiklah jika anda tertarik ingin mencobanya silahkan ikuti langkah-langkah berikut :

Ikuti langkah berikut ::-->>
1. Masuk dulu di Rancangan
2. Dan langsung masuk lagi ke Edit HTML
3. Copas kode berikut ini,dan pasang di bawah <head> atau bisa juga diatas <b:skin><![CDATA[ :

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

4. Setelah itu Cari kode <body>, kemudian ganti dengan code 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://tc.comze.com/js/images/ajax-loader.gif' style='border: 1px solid #555; padding: 2px;'/><br/>Tunggu Beberapa Saat lagi...</p></center>
</div>


:::Keterangan :
- Untuk tulisan yang Bercetak berwarna merah, dapat sobat ganti sesuka hati anda ..
- dan teks yang berwarna orange, sobat bisa ganti dengan URL gambar sobat sendiri.

5. Save template, dan lihat hasilnya.

Berikut Gambar Animasi Status Page Loading :

http://images2.vnwallpapers.com/download/AnimatedForPhone/loading.gif : http://images2.vnwallpapers.com/download/AnimatedForPhone/loading.gif


http://lh4.ggpht.com/_7Y9pl24WpQY/SusfCp6mZWI/AAAAAAAACCI/23-3MVdUteQ/ajax-loader_thumb.gif : http://lh4.ggpht.com/_7Y9pl24WpQY/SusfCp6mZWI/AAAAAAAACCI/23-3MVdUteQ/ajax-loader_thumb.gif



Nah sekian dulu, semoga berhasil ..

0 komentar:

Posting Komentar

RSS FeedRSS Subscription!
Follow me!Follow me!

 
Powered by Blogger