Cara membuat animasi loading blog/website

in , ,      Tidak ada komentar
Mungkin anda pernah melihat atau membuka sebuah blog atau website yang saat anda buka blog/website tersebut pada halamannya muncul animasi Loading sampai blog atau web tersebut terbuka sepenuhnya. Animasi ini sangat ringan dan tidak membuat loading blog menjadi berat karena tidak memerlukan code banyak yang cukup memusingkan kepala dan saya sudah sukses mencobanya sehingga saya posting ke blog kesayangan saya ini. Animasi keren ini saya dapat dari web aku punya dot com dan jika mungkin anda berminat membuat atau hanya sekedar ingin tahu cara membuatnya anda bisa mengikuti panduan berikut ini:

 Cara membuat animasi loading blog/website
1. Login ke blogger dengan id anda jangan punya orang lain ya nanti yang punya ngambek :D:D:D.
2. Pilih blog yang akan anda pasangi efek animasi loading blog ini.
3. Pilih dan klik menu Template => Edit HTML => Lanjutkan.
4. Jangan lupa backup template anda
5. Cari code <head> pada kode template milik anda
6. Paste code berikut tepat di atas code tersebut
<script src='http://tc.comze.com/js/preloadpage.js' type='text/javascript'/>
7. Selanjutnya cari lagi code <body> dan jika sudah ketemu hapus code tersebut dan danti dengan code dibawah ini
<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>
8. Selesai dan jangan lupa untuk menyimpan hasil perubahan dan lihat hasilnya. Selamat mencoba!!...


Source Code: http://aku-punya.com/cara-membuat-status-loading-blog.html
Share:

0 comments:

Posting Komentar