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><
<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://lh4.ggpht.com/_7Y9pl24WpQY/SusfCp6mZWI/AAAAAAAACCI/23-3MVdUteQ/ajax-loader_thumb.gif Nah sekian dulu, semoga berhasil ..
0 komentar:
Posting Komentar