Pertama, pilih saja dulu animasi preloader dari layanan ini Preloader, kemudian simpan hasil gambar dalam format gif tersebut. Kalo sudah, silahkan upload file gambar tadi ke hosting anda (photobucket) atau apa lah yang penting sejenis nya.
Langkah kedua silahkan buka notepad anda, kemudian simpan kode dibawah ini dengan nama preloader.js (pastikan ekstensi berakhiran JS, bukan TXT)
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";
}
Kalo sudah, silahkan upload file preloader.js yang baru anda buat ke hosting anda.(di 4shared juga bisa) tp anda harus punya acount dulu dengan cara daftar dahulu.
Cara Pasang di blogger:
Langsung tuju saja ke alamat EditHTML, cari tag Kemudian ganti tag dengan kode dibawah ini, janga lupa ganti kode warna merah dibawah dan sesuaikan sendiri dengan lokasi alamat penyimpanan gambar dan file JS anda.
<body onLoad='init()'>
<div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://lokasi-simpan.com/gambarpreloader.gif'/></div>
<script src='http://lokasi-simpan/preloader.js' type='text/javascript'/>
Untuk mengubah penempatan gambar loading silahkan atur sendiri pada kode text-align: (silahkan saja otak-atik kode center nya, coba ganti dengan left, right, top atau bottom). Sebenarnya masih banyak trik lainnya, silahkan di pelajari dan dikembangkan sendiri ya.
0 comments:
Poskan Komentar