Add me on Google+
Add me on Facebook

Cara membuat animasi loading blog/website

Diposting oleh Label: di


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!!...

Posting Komentar

Back to Top