Cara Memasang Animasi Page Loading di Blog

Animasi page loading ini sangat bagus untuk mempercantik blog kamu. jadi pengunjung yang datang ke blogmu, dan mengklik postinganmu tidak akan bosan menunggu karena page loading yang unik. bagaimana cara membuatnya?

berikut adalah langkah-langkahnya
1) upload kode ini ke website yang menyediakan hosting script, pastikan kodenya bernama preloader.js bukan .txt kamu bisa memasukkan kodenya di notepad.lalu upload di hosting script seperti http://googlecode.com

var ld=(document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}

setelah kode ini anda juga harus mempunyai gambar animasi loading di photo hosting seperti photobucket

2) Pastikan kamu sudah login dan membuka halaman Dashbor lalu kamu klik Menu Rancangan/tata letak

3) Setelah itu, pada halaman rancangan, klik Edit HTML

4) Kemudian beri tanda centang Expand Template Widget

5) Selanjutnya kamu cari kode <body> dengan F3 atau CTRL+F

6) Setelah itu ganti kode <body> tersebut dengan kode dibawah ini

<body onLoad='init()'>
<div id='loading' style='position:absolute; width:100% text-align:center;
top:300px;'> <img border='0'
src='URLGambar.gif'></div>

<script src='lokasipenyimpananscript/preloader.js'
type='text/javascript'>

7) Apabila kamu masih ragu-ragu, kamu bisa mengklik PRATINJAU agar apabila salah maka kamu tidak kesusahan

8) Klik simpan template jika anda sudah merasa yakin

untuk mempermudah saya akan menyediakan animasi page loading yang dapat anda upload di photo hosting