Buat Javascript Loading wait - Gambar Loading


Informasi terbaru Buat Javascript Loading wait - Gambar Loading
Coba perhatikan ketika kalian baru masuk ke blog ini, dan dibagian atas ada gambar serta tulisan yang mengatakan kalau blog sedang loading, dan...gambar juga tulisan tadi otomatis hilang ketika loading selesai. Hhee itulah kenapa aku suka namanya kode kode-an, walau kadang sangat sulit mempelajarinya sendiri.

Oke, teman teman, itu adalah javascript wait loading. Banyak situs yang menggunakannya. Dan kebetulan kita bisanya setelah melakukan uji coba sendiri, edit sana edit sini baru bekerja. Untuk itulah kita berencana untuk share cara buatnya, fungsinya tidak seberapa emang, tapi bisalah kalau untuk menambah hiasan blog.


Kita langsung menuju TKP, (tempat kopy paste). Pertama cari kode <body>, dan ganti kode tersebut dengan kode dibawah ini.
<body onLoad='init()'>
<div id='loading'><div style='position:center;background:#336699; width:100%; text-align:center; top:300px;'><b><font color='#fff'>Tunggu Sebentar...</font></b><img src='
http://static.ak.fbcdn.net/rsrc.php/z5R48/hash/ejut8v2y.gif'/></div></div>


Next, cari kode </body>, dan kalau sudah nemu, tambahkan kode berikut diatasnya.
<script type='text/javascript'>
//<![CDATA[
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";
}
//]]>
</script>

Edit template selesai, sekarang klik save template, dan lihat blogmu sudah ada tulisan loading dengan sebuah gambar loading punya facebook.
Catatan : Url gambar http://static.ak.fbcdn.net/rsrc.php/z5R48/hash/ejut8v2y.gif adalah gambar punyanya facebook, bisa kamu ganti dengan gambar loading mu sendiri, gambar loading banyak tersedia di situs maupun web besar, kunjungi dan kopy url gambar mereka.
               : Tulisan Tunggu sebentar bisa kamu ganti, semisal menjadi Wait, Loading, Tunggu sedang memuat..dll.
Gambar dibawah adalah contohnya.


Tinggalkan komentar anda tentang Buat Javascript Loading wait - Gambar Loading

0 komentar:

Poskan Komentar